diff --git a/extensions/odoo_theme/static/scss/_mixins.scss b/extensions/odoo_theme/static/scss/_mixins.scss index d01f56268..b98276898 100644 --- a/extensions/odoo_theme/static/scss/_mixins.scss +++ b/extensions/odoo_theme/static/scss/_mixins.scss @@ -77,7 +77,7 @@ background: linear-gradient($deg, $startColor $startOffset, $endColor $endOffset); } -@mixin transform($args){ +@mixin o-transform($args){ -webkit-transform : $args; -moz-transform : $args; -ms-transform : $args; @@ -87,7 +87,7 @@ //-- add icon -@mixin inline-icomoon($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: $fw_regular) { content: '#{$icon-content}'; font-family: 'icomoon' !important; @include font-size($font-size); @@ -98,7 +98,7 @@ //-- fix scroll issue -@mixin scroll-padding() { +@mixin o-scroll-padding() { content: ''; display: block; width: 0; @@ -110,7 +110,7 @@ //-- has_col -@mixin pseudo-col(){ +@mixin o-pseudo-col(){ position: relative; min-height: 1px; padding-right: 15px; @@ -119,7 +119,7 @@ width: 100%; } -@mixin code-col(){ +@mixin o-code-col(){ /* content: ""; Deactivating o_has_code_column background */ background: $doc_code-bg; /* @include box-shadow(inset 40px 0 40px -18px rgba(22, 24, 29, 0.3)); */ diff --git a/extensions/odoo_theme/static/style.scss b/extensions/odoo_theme/static/style.scss index d9e96f88d..113430129 100644 --- a/extensions/odoo_theme/static/style.scss +++ b/extensions/odoo_theme/static/style.scss @@ -20,7 +20,7 @@ body { // This fixes the scroll position on all elements, including refs :target { &:before { - @include scroll-padding() + @include o-scroll-padding() } } } @@ -142,7 +142,7 @@ header.o_main_header{ } .btn{ @include o-position-absolute($top: 50%, $right: 1rem); - @include transform (translateY(-50%)) ; + @include o-transform (translateY(-50%)) ; padding: 0; font-size: 1.2rem; color: $gray; @@ -173,7 +173,7 @@ header.o_main_header{ padding-top: 2rem; padding-left: 3rem; } - @include o-transition($duration:.3s); + @include o-transition(all, .3s); padding-top: 1rem; padding-left: 1rem; background-color: lighten($o-violet-dark, 70%) ; @@ -200,7 +200,7 @@ header.o_main_header{ &[class*="o_menu_"] > .o_toc_entry_wrapper > i { opacity: .75; &:before { - @include inline-icomoon($i-doc-apps, 0 1rem 0 0); + @include o-inline-icon($i-doc-apps, 0 1rem 0 0); color: $o-violet-dark; margin-right: 0.5rem; } @@ -273,7 +273,7 @@ header.o_main_header{ color: inherit; &[aria-expanded="true"] { - @include transform(rotate(90deg)); + @include o-transform(rotate(90deg)); } } } @@ -281,7 +281,7 @@ header.o_main_header{ &.o_active_toc_entry { &:not(.toctree-l1) > .o_toc_entry_wrapper { i[class^="i-"]:not(.collapsed) { - @include transform(rotate(90deg)); + @include o-transform(rotate(90deg)); } } > a , > .o_toc_entry_wrapper a { @@ -481,7 +481,7 @@ header.o_main_header{ padding-right: 0; &:before { - @include code-col(); + @include o-code-col(); } @@ -809,7 +809,7 @@ header.o_main_header{ font-weight: $fw_bold; &:before { - @include inline-icomoon($i-info, 0 .2rem 0 0, baseline, $font-size-base, inherit); + @include o-inline-icon($i-info, 0 .2rem 0 0, baseline, $font-size-base, inherit); @include media-breakpoint-down(md) { display:none; }