NextERP/documentation
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP][CSS] Clean up the file according to conventions

Browse Source 
Includes reordering styles, renaming variables ($o-*),
re-indenting lines, removing commented code
This commit is contained in:
Elisabeth Dickinson 2022-12-27 11:59:31 +01:00 committed by Antoine Vandevenne (anv)
parent 9a1ed4a8fe
commit ced7f75438
4 changed files with 142 additions and 133 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
extensions/odoo_theme/static/scss/_mixins.scss
View File

@ -8,9 +8,9 @@
@mixin o-position-absolute($top: auto, $right: auto, $bottom: auto, $left: auto){ @mixin o-position-absolute($top: auto, $right: auto, $bottom: auto, $left: auto){
position: absolute; position: absolute;
top: $top; top: $top;
left: $left;
bottom: $bottom;
right: $right; right: $right;
bottom: $bottom;
left: $left;
} }
@mixin o-transform-origin($x: 50%, $y: 50%, $z: 0){ @mixin o-transform-origin($x: 50%, $y: 50%, $z: 0){
@ -49,13 +49,13 @@
//-- add icon //-- add icon
@mixin o-inline-icon($icon-content, $margin, $v-align: middle, $font-size: 1.5rem, $font-weight: $fw_regular) { @mixin o-inline-icon($icon-content, $margin, $v-align: middle, $font-size: 1.5rem, $font-weight: $o-fw-regular) {
content: '#{$icon-content}'; content: '#{$icon-content}';
font-family: 'icomoon' !important;
@include font-size($font-size);
font-weight: $font-weight;
vertical-align: $v-align; vertical-align: $v-align;
margin: $margin; margin: $margin;
@include font-size($font-size);
font-family: 'icomoon' !important;
font-weight: $font-weight;
} }
//-- fix scroll issue //-- fix scroll issue
@ -65,8 +65,8 @@
display: block; display: block;
width: 0; width: 0;
height: 0; height: 0;
padding-top: calc(#{$o-headers-height} + 10px);
margin-top: -$o-headers-height - 10px; margin-top: -$o-headers-height - 10px;
padding-top: calc(#{$o-headers-height} + 10px);
} }
@mixin o-easter-egg($width: 100%, $height: 100%, $img: 'img/poule.svg' ){ @mixin o-easter-egg($width: 100%, $height: 100%, $img: 'img/poule.svg' ){
@ -74,10 +74,10 @@
// Easter Egg on hover 5s // Easter Egg on hover 5s
&:after { &:after {
content: ''; content: '';
@include o-position-absolute(auto, 0, 0, 0);
display: block; display: block;
width: $width; width: $width;
height: $height; height: $height;
@include o-position-absolute(auto, 0, 0, 0);
background-image: url('#{$img}'); background-image: url('#{$img}');
background-color: $white; background-color: $white;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -93,19 +93,19 @@
} }
@mixin o-content-tab-selected { @mixin o-content-tab-selected {
font-weight: $fw_bold; font-weight: $o-fw-bold;
background: $white;
border-bottom: 1px solid $white; border-bottom: 1px solid $white;
border-left: 1px solid $o-gray-border; border-left: 1px solid $o-gray-border;
border-right: 1px solid $o-gray-border; border-right: 1px solid $o-gray-border;
background: $white;
} }
@mixin o-code { @mixin o-code {
display: inline-block; display: inline-block;
color: inherit;
overflow-wrap: anywhere; overflow-wrap: anywhere;
background: $o-literals-bg; background: $o-literals-bg;
font-size: 0.875rem; font-size: 0.875rem;
font-family: 'Consolas', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace; font-family: 'Consolas', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
font-weight: $fw_regular; font-weight: $o-fw-regular;
color: inherit;
} }

22
extensions/odoo_theme/static/scss/_typography.scss
View File

@ -35,47 +35,47 @@ html body{
// Font weight // Font weight
//------------------------------------------------------------------------------ //------------------------------------------------------------------------------
b, strong{ b, strong{
font-weight: $fw_bold; font-weight: $o-fw-bold;
} }
a { a {
font-weight: $fw_semibold; font-weight: $o-fw-semibold;
} }
.fw_extralight { .fw_extralight {
font-weight: $fw_extralight; font-weight: $o-fw-extralight;
} }
.fw_light { .fw_light {
font-weight: $fw_light; font-weight: $o-fw-light;
} }
.fw_extralight, .fw_light{ .fw_extralight, .fw_light{
label, b, strong, a { label, b, strong, a {
font-weight: $fw_regular; font-weight: $o-fw-regular;
} }
} }
.fw_regular { .fw_regular {
font-weight: $fw_regular; font-weight: $o-fw-regular;
} }
.fw_medium { .fw_medium {
font-weight: $fw_medium; font-weight: $o-fw-medium;
} }
.fw_semibold { .fw_semibold {
font-weight: $fw_semibold; font-weight: $o-fw-semibold;
} }
.fw_bold { .fw_bold {
font-weight: $fw_bold; font-weight: $o-fw-bold;
} }
.fw_extrabold { .fw_extrabold {
font-weight: $fw_extrabold; font-weight: $o-fw-extrabold;
} }
.fw_black { .fw_black {
font-weight: $fw_black; font-weight: $o-fw-black;
} }

40
extensions/odoo_theme/static/scss/_variables.scss
View File

@ -1,21 +1,21 @@
$grid-breakpoint-xxl: 1400px; $o-grid-breakpoint-xxl: 1400px;
$grid-breakpoint-xxxl: 1680px; $o-grid-breakpoint-xxxl: 1680px;
$container-max-width-xxl:1380px; $o-container-max-width-xxl:1380px;
$container-max-width-xxxl: 1560px; $o-container-max-width-xxxl: 1560px;
// Typography // Typography
// =============================================== // ===============================================
$font-family-serif: 'Roboto Slab', Georgia, "Times New Roman", Times, serif; $o-font-family-serif: 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
$fw_extralight: 200; $o-fw_extralight: 200;
$fw_light: 300; $o-fw_light: 300;
$fw_regular: 400; $o-fw-regular: 400;
$fw_medium: 500; $o-fw-medium: 500;
$fw_semibold: 600; $o-fw-semibold: 600;
$fw_bold: 700; $o-fw-bold: 700;
$fw_extrabold: 800; $o-fw-extrabold: 800;
$fw_black: 900; $o-fw_black: 900;
//------------------------------------------------------------------------------ //------------------------------------------------------------------------------
// icomoon icons // icomoon icons
@ -169,13 +169,13 @@ $o-halfpage-width: 54%;
$o-codecol-width: 43%; $o-codecol-width: 43%;
// Paddings and margins // Paddings and margins
$padding-xs: .5rem; $o-padding-xs: .5rem;
$padding-s: 1rem; $o-padding-s: 1rem;
$padding-m: 2rem; $o-padding-m: 2rem;
$padding-l: 3rem; $o-padding-l: 3rem;
$margin-s: $padding-s; $o-margin-s: $o-padding-s;
$margin-m: $padding-m; $o-margin-m: $o-padding-m;
$margin-l: $padding-l; $o-margin-l: $o-padding-l;
$o-icon-margin: .2em; $o-icon-margin: .2em;
//------------------------------------------------------------------------------ //------------------------------------------------------------------------------

189
extensions/odoo_theme/static/style.scss
View File

@ -29,9 +29,9 @@ body {
&.external { &.external {
&:not(.image-reference):after { &:not(.image-reference):after {
content: '#{$i-external-link}'; content: '#{$i-external-link}';
margin: 0 $o-icon-margin;
font-family: icomoon, sans-serif !important; font-family: icomoon, sans-serif !important;
@include font-size($font-size-base/1.3); @include font-size($font-size-base/1.3);
margin: 0 $o-icon-margin;
} }
} }
} }
@ -52,9 +52,9 @@ body {
} }
.hidden { .hidden {
visibility: hidden !important;
display: none !important; display: none !important;
opacity: 0 !important; opacity: 0 !important;
visibility: hidden !important;
} }
span.viewcode-link { span.viewcode-link {
@ -66,42 +66,46 @@ span.viewcode-link {
//------------------------------------------------------------------------------ //------------------------------------------------------------------------------
header { header {
width: 100%;
position: fixed; position: fixed;
width: 100%;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
z-index: 10; z-index: 10;
.o_main_header { .o_main_header {
height: $o-header-mobile-height; height: $o-header-mobile-height;
padding: 0 $o-padding-s;
background-color: $o-header-bg; background-color: $o-header-bg;
padding: 0 $padding-s;
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
height: $o-header-height; height: $o-header-height;
padding: 0 $padding-m; padding: 0 $o-padding-m;
} }
@include media-breakpoint-up(xl) { @include media-breakpoint-up(xl) {
padding: 0 $padding-l 0 $padding-m; padding: 0 $o-padding-l 0 $o-padding-m;
} }
.o_logo_wrapper { .o_logo_wrapper {
margin-right: $margin-s; margin-right: $o-margin-s;
@include media-breakpoint-up(xl) { @include media-breakpoint-up(xl) {
width: calc(#{$o-side-nav-width} - #{$padding-m}); width: calc(#{$o-side-nav-width} - #{$o-padding-m});
} }
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
margin-right: $margin-l; margin-right: $o-margin-l;
} }
> .o_logo { > .o_logo {
img { img {
margin-bottom: -2px;
vertical-align: baseline; vertical-align: baseline;
margin-bottom: -2px;
} }
span { span {
@include font-size($font-size-base);
color: $o-violet; color: $o-violet;
@include font-size($font-size-base);
@include o-easter-egg($img:'img/ducky.svg'); @include o-easter-egg($img:'img/ducky.svg');
} }
} }
@ -123,17 +127,18 @@ header {
position: relative; position: relative;
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
margin-right: $padding-m; margin-right: $o-padding-m;
} }
.o_search { .o_search {
position: relative; position: relative;
width: 100%; width: 100%;
.btn { .btn {
@include o-position-absolute($top: 50%, $right: .5rem); @include o-position-absolute($top: 50%, $right: .5rem);
@include o-transform (translateY(-50%)) ; @include o-transform (translateY(-50%)) ;
padding: 0 $padding-xs; padding: 0 $o-padding-xs;
font-size: 1.2rem; font-size: 1.2rem;
color: $o-gray; color: $o-gray;
} }
@ -148,11 +153,13 @@ header {
} }
.highlight-link { .highlight-link {
@include font-size(0);
margin-bottom: 0; margin-bottom: 0;
@include font-size(0);
a { a {
text-decoration: none; text-decoration: none;
color: $o-gray; color: $o-gray;
&:before { &:before {
@include o-position-absolute($top: 50%, $right: 3rem); @include o-position-absolute($top: 50%, $right: 3rem);
@include o-transform (translateY(-50%)) ; @include o-transform (translateY(-50%)) ;
@ -164,23 +171,27 @@ header {
} }
.o_subheader { .o_subheader {
background: $o-gray-bg;
height: $o-subheader-height; height: $o-subheader-height;
padding-right: $padding-s; padding-right: $o-padding-s;
background: $o-gray-bg;
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
padding: 0 $padding-m; padding: 0 $o-padding-m;
} }
@include media-breakpoint-up(xl) { @include media-breakpoint-up(xl) {
padding: 0 $padding-l 0 0; padding: 0 $o-padding-l 0 0;
} }
.o_side_nav_toggler_wrapper { .o_side_nav_toggler_wrapper {
height: 100%; height: 100%;
button { button {
&:focus, &:focus-visible{ &:focus, &:focus-visible{
box-shadow: none; box-shadow: none;
outline:none; outline:none;
} }
&[aria-expanded="true"]{ &[aria-expanded="true"]{
background-color: rgba(0,0,0, .2); background-color: rgba(0,0,0, .2);
} }
@ -195,32 +206,33 @@ header {
.o_side_nav { .o_side_nav {
.o_mobile-overlay { .o_mobile-overlay {
background-color: rgba(0,0,0,.3);
@include o-position-absolute($top: 0, $bottom: 0, $left: 0, $right:0); @include o-position-absolute($top: 0, $bottom: 0, $left: 0, $right:0);
z-index: -100;
opacity: 0; opacity: 0;
transition: opacity .2s linear; transition: opacity .2s linear;
z-index: -100; background-color: rgba(0,0,0,.3);
} }
.o_side_nav-inner { .o_side_nav-inner {
position: fixed;
left: -100%;
z-index: 10;
width: 90%; width: 90%;
height: calc(100% - #{$o-headers-mobile-height}); height: calc(100% - #{$o-headers-mobile-height});
overflow-y: auto; overflow-y: auto;
position: fixed; padding-left: $o-padding-s;
left: -100%;
@include o-transition(all, .3s);
padding-left: $padding-s;
background-color: lighten($o-violet, 70%) ; background-color: lighten($o-violet, 70%) ;
z-index: 10;
@include font-size($font-size-sm);
color: $o-violet; color: $o-violet;
font-weight: $fw_regular; font-weight: $o-fw-regular;
@include o-transition(all, .3s);
@include font-size($font-size-sm);
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
width: $o-side-nav-width; width: $o-side-nav-width;
height: calc(100vh - #{$o-headers-height}); height: calc(100vh - #{$o-headers-height});
left: 0; left: 0;
padding-top: $padding-m; padding-top: $o-padding-m;
padding-left: $padding-m; padding-left: $o-padding-m;
} }
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 5px; width: 5px;
@ -248,7 +260,7 @@ header {
} }
.toctree-l1 { .toctree-l1 {
padding-bottom: $padding-xs; padding-bottom: $o-padding-xs;
> .o_toc_entry_wrapper a { > .o_toc_entry_wrapper a {
color: $o-violet; color: $o-violet;
@ -314,7 +326,7 @@ header {
.o_main_toc, .o_page_toc_nav { .o_main_toc, .o_page_toc_nav {
ul { // all uls in toc ul { // all uls in toc
list-style: none; list-style: none;
padding-left: $padding-s; padding-left: $o-padding-s;
li { li {
> a.reference { > a.reference {
@ -325,7 +337,7 @@ header {
display: inline-block; display: inline-block;
padding: .4rem 0; padding: .4rem 0;
color: $o-gray-color; color: $o-gray-color;
font-weight: $fw_regular; font-weight: $o-fw-regular;
} }
&:not(.toctree-l1) { &:not(.toctree-l1) {
@ -354,7 +366,7 @@ header {
} }
} }
> a , > .o_toc_entry_wrapper a, > .o_toc_entry_wrapper i { > a , > .o_toc_entry_wrapper a, > .o_toc_entry_wrapper i {
font-weight: $fw_bold; font-weight: $o-fw-bold;
} }
} }
} }
@ -377,7 +389,7 @@ header {
display: block; display: block;
grid-area: toc; grid-area: toc;
top: $o-headers-height; top: $o-headers-height;
padding: $padding-m $padding-s $padding-m 0; padding: $o-padding-m $o-padding-s $o-padding-m 0;
overflow-y: auto; overflow-y: auto;
} }
position: -webkit-sticky; position: -webkit-sticky;
@ -394,14 +406,14 @@ header {
h5 { h5 {
text-transform: uppercase; text-transform: uppercase;
font-weight: $fw_bold; font-weight: $o-fw-bold;
color: $o-gray-color; color: $o-gray-color;
padding-left: $padding-xs; padding-left: $o-padding-xs;
margin-bottom: $padding-xs; margin-bottom: $o-padding-xs;
} }
a { a {
font-weight: $fw_regular; font-weight: $o-fw-regular;
color: $o-gray-color color: $o-gray-color
} }
@ -438,7 +450,7 @@ header {
padding: 0 .3rem; padding: 0 .3rem;
&.file { &.file {
font-family: $font-family-base; font-family: $font-family-base;
font-weight: $fw_medium; font-weight: $o-fw-medium;
font-style: italic; font-style: italic;
padding-right: .4rem; padding-right: .4rem;
color: $blue-700; color: $blue-700;
@ -465,8 +477,8 @@ header {
> dd { > dd {
border-left: 3px solid $o-literals-border; border-left: 3px solid $o-literals-border;
margin-top: -0.075rem; margin-top: -0.075rem;
padding-left: $padding-s; padding-left: $o-padding-s;
padding-top: $padding-xs; padding-top: $o-padding-xs;
} }
&.class em.property { &.class em.property {
font-size: $font-size-sm; font-size: $font-size-sm;
@ -476,9 +488,6 @@ header {
&:not(:first-child) { &:not(:first-child) {
@include o_code; @include o_code;
padding: 0 .3rem; padding: 0 .3rem;
// &:last-of-type {
// padding-right: .3rem;
// }
} }
} }
} }
@ -500,7 +509,7 @@ header {
padding-left: 0; padding-left: 0;
li:not(:last-child) { li:not(:last-child) {
padding-bottom: $padding-xs; padding-bottom: $o-padding-xs;
} }
} }
} }
@ -512,9 +521,9 @@ header {
main { main {
position: relative; position: relative;
grid-area: main; grid-area: main;
padding-bottom: $padding-l; padding-bottom: $o-padding-l;
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
padding: $padding-m $padding-l; padding: $o-padding-m $o-padding-l;
margin: 0; margin: 0;
grid-column-end: toc; grid-column-end: toc;
} }
@ -530,17 +539,17 @@ header {
&.o_index { &.o_index {
.o_content_fw_banner { .o_content_fw_banner {
margin: 0 -0.75rem $margin-m; margin: 0 -0.75rem $o-margin-m;
padding: $padding-m $padding-s; padding: $o-padding-m $o-padding-s;
align-items: center; align-items: center;
@include o-gradient(); @include o-gradient();
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
margin: -#{$margin-m} -#{$margin-l} $margin-m; margin: -#{$o-margin-m} -#{$o-margin-l} $o-margin-m;
padding: $padding-m $padding-m; padding: $o-padding-m $o-padding-m;
} }
@include media-breakpoint-up(xl) { @include media-breakpoint-up(xl) {
margin: -#{$margin-m} -#{$margin-l} $margin-l; margin: -#{$o-margin-m} -#{$o-margin-l} $o-margin-l;
padding: $padding-l $padding-l; padding: $o-padding-l $o-padding-l;
} }
} }
.row:first-of-type h2.border-top { .row:first-of-type h2.border-top {
@ -556,7 +565,7 @@ header {
ul { ul {
> li { > li {
position: relative; position: relative;
padding-bottom: $padding-xs; padding-bottom: $o-padding-xs;
display: flex; display: flex;
align-items: center; align-items: center;
@ -586,7 +595,7 @@ header {
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
width: 33%; width: 33%;
&:not(:nth-of-type(3n)){ &:not(:nth-of-type(3n)){
padding-right: $padding-m; padding-right: $o-padding-m;
} }
} }
@ -599,7 +608,7 @@ header {
article.doc-body { article.doc-body {
@include media-breakpoint-up(xl) { @include media-breakpoint-up(xl) {
.o_git_link { .o_git_link {
right: calc(#{$o-codecol-width} + #{$padding-l}); right: calc(#{$o-codecol-width} + #{$o-padding-l});
} }
section { section {
@ -623,10 +632,10 @@ header {
float: none; float: none;
clear: none; clear: none;
margin-left: 57%; margin-left: 57%;
padding: $padding-s; padding: $o-padding-s;
blockquote { blockquote {
font-weight: $fw_semibold; font-weight: $o-fw-semibold;
font-style: italic; font-style: italic;
} }
@ -658,10 +667,10 @@ header {
.toctree-l1 > a { .toctree-l1 > a {
display: block; display: block;
@include font-size($h2-font-size); @include font-size($h2-font-size);
margin-top: $padding-m; margin-top: $o-padding-m;
padding-bottom: $padding-xs; padding-bottom: $o-padding-xs;
border-bottom: 1px solid $o-gray-border; border-bottom: 1px solid $o-gray-border;
margin-bottom: $margin-s; margin-bottom: $o-margin-s;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 600; font-weight: 600;
} }
@ -679,19 +688,19 @@ header {
pointer-events: none; pointer-events: none;
cursor: default; cursor: default;
color: $o-gray-color; color: $o-gray-color;
font-weight: $fw_semibold; font-weight: $o-fw-semibold;
} }
} }
article.doc-body { article.doc-body {
padding-top: $padding-s; padding-top: $o-padding-s;
position: relative; position: relative;
.o_git_link { .o_git_link {
@include font-size($font-size-sm); @include font-size($font-size-sm);
@include o-position-absolute($top: 0px, $right: $margin-s); @include o-position-absolute($top: 0px, $right: $o-margin-s);
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
@include o-position-absolute($top: 10px, $right: $margin-s); @include o-position-absolute($top: 10px, $right: $o-margin-s);
} }
i { i {
margin-right: .2rem; margin-right: .2rem;
@ -704,12 +713,12 @@ header {
} }
section { section {
margin-bottom: $margin-m; margin-bottom: $o-margin-m;
> h1 { > h1 {
color: $o-violet; color: $o-violet;
font-weight: $fw_bold; font-weight: $o-fw-bold;
margin-bottom: $margin-s; margin-bottom: $o-margin-s;
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
max-width: calc(100% - 120px); max-width: calc(100% - 120px);
@ -717,24 +726,24 @@ header {
} }
> h2 { > h2 {
font-family: $font-family-serif; font-family: $o-font-family-serif;
color: $o-gray-color; color: $o-gray-color;
margin-bottom: $margin-s; margin-bottom: $o-margin-s;
padding-bottom: .3rem; padding-bottom: .3rem;
border-bottom: 1px solid $o-gray-border; border-bottom: 1px solid $o-gray-border;
} }
> h3 { > h3 {
font-weight: $fw_bold; font-weight: $o-fw-bold;
} }
> h4, > h5, > h6 { > h4, > h5, > h6 {
font-weight: $fw_semibold; font-weight: $o-fw-semibold;
} }
img { img {
margin-bottom: $margin-s; margin-bottom: $o-margin-s;
} }
img:not(.o-no-modal) { img:not(.o-no-modal) {
@ -742,7 +751,7 @@ header {
} }
iframe { iframe {
margin-bottom: $margin-s; margin-bottom: $o-margin-s;
} }
p > img { p > img {
@ -754,7 +763,7 @@ header {
.figure { .figure {
.caption, .caption-text { .caption, .caption-text {
font-weight: $fw_semibold; font-weight: $o-fw-semibold;
color: $o-gray; color: $o-gray;
} }
@ -831,14 +840,14 @@ header {
} }
.guilabel, .menuselection { .guilabel, .menuselection {
font-weight: $fw_semibold; font-weight: $o-fw-semibold;
} }
.dfn{ .dfn{
@include font-size($font-size-sm); @include font-size($font-size-sm);
line-height: 1; line-height: 1;
color: $blue-600; color: $blue-600;
font-weight: $fw_semibold; font-weight: $o-fw-semibold;
&:before { &:before {
content:'?'; content:'?';
display: inline-block; display: inline-block;
@ -849,7 +858,7 @@ header {
text-align: center; text-align: center;
color: $blue-600; color: $blue-600;
font-size: 12px; font-size: 12px;
font-weight: $fw_extrabold; font-weight: $o-fw-extrabold;
font-style: normal; font-style: normal;
margin: 0 .1rem; margin: 0 .1rem;
} }
@ -899,7 +908,7 @@ header {
line-height: 1em; line-height: 1em;
margin: 0 0 10px 0; margin: 0 0 10px 0;
@include font-size($font-size-base); @include font-size($font-size-base);
font-weight: $fw_bold; font-weight: $o-fw-bold;
&:before { &:before {
@include o-inline-icon($i-info, 0 $o-icon-margin 0 0, baseline, $font-size-base, inherit); @include o-inline-icon($i-info, 0 $o-icon-margin 0 0, baseline, $font-size-base, inherit);
@ -1025,7 +1034,7 @@ header {
.accordion-body { .accordion-body {
#wrap & { // FIXME: Temporary workaround to take priority over pre-existing rules. #wrap & { // FIXME: Temporary workaround to take priority over pre-existing rules.
> *:first-child { > *:first-child {
margin-top: $margin-s; margin-top: $o-margin-s;
} }
code, div[class^="highlight"] { code, div[class^="highlight"] {
@ -1045,7 +1054,7 @@ header {
.sphinx-tabs { .sphinx-tabs {
padding: 0; padding: 0;
margin-bottom: $margin-s; margin-bottom: $o-margin-s;
div[role="tablist"] { div[role="tablist"] {
border-color: $o-gray-border; border-color: $o-gray-border;
@ -1072,7 +1081,7 @@ header {
color: $o-gray-color; color: $o-gray-color;
border: 0; border: 0;
border-top: solid 1px $o-gray-border; border-top: solid 1px $o-gray-border;
padding: $padding-xs $padding-s; padding: $o-padding-xs $o-padding-s;
&:hover { &:hover {
&:not([aria-selected="true"]) { &:not([aria-selected="true"]) {
@ -1115,7 +1124,7 @@ header {
background: $white; background: $white;
color: $o-gray-color; color: $o-gray-color;
border: 1px solid $o-gray-border; border: 1px solid $o-gray-border;
padding: $padding-s; padding: $o-padding-s;
&:focus { &:focus {
outline: none; outline: none;
@ -1136,17 +1145,17 @@ header {
//------------------------------------------------------------------------------ //------------------------------------------------------------------------------
footer { footer {
.o_get_help { .o_get_help {
padding-top: $padding-l; padding-top: $o-padding-l;
padding-bottom: $padding-l; padding-bottom: $o-padding-l;
background: $o-gray-bg; background: $o-gray-bg;
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
padding-left: calc(#{$o-side-nav-width} + #{$padding-l}) padding-left: calc(#{$o-side-nav-width} + #{$o-padding-l})
} }
h4 { h4 {
color: $secondary; color: $secondary;
font-weight: $fw_bold; font-weight: $o-fw-bold;
margin-bottom: $margin-s; margin-bottom: $o-margin-s;
} }
} }