update mixin names

This commit is contained in:
Elisabeth Dickinson 2021-04-21 09:27:30 +02:00
parent 51f87bb0d9
commit 7ebd65a193
2 changed files with 13 additions and 13 deletions

View File

@ -77,7 +77,7 @@
background: linear-gradient($deg, $startColor $startOffset, $endColor $endOffset); background: linear-gradient($deg, $startColor $startOffset, $endColor $endOffset);
} }
@mixin transform($args){ @mixin o-transform($args){
-webkit-transform : $args; -webkit-transform : $args;
-moz-transform : $args; -moz-transform : $args;
-ms-transform : $args; -ms-transform : $args;
@ -87,7 +87,7 @@
//-- add icon //-- 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}'; content: '#{$icon-content}';
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
@include font-size($font-size); @include font-size($font-size);
@ -98,7 +98,7 @@
//-- fix scroll issue //-- fix scroll issue
@mixin scroll-padding() { @mixin o-scroll-padding() {
content: ''; content: '';
display: block; display: block;
width: 0; width: 0;
@ -110,7 +110,7 @@
//-- has_col //-- has_col
@mixin pseudo-col(){ @mixin o-pseudo-col(){
position: relative; position: relative;
min-height: 1px; min-height: 1px;
padding-right: 15px; padding-right: 15px;
@ -119,7 +119,7 @@
width: 100%; width: 100%;
} }
@mixin code-col(){ @mixin o-code-col(){
/* content: ""; Deactivating o_has_code_column background */ /* content: ""; Deactivating o_has_code_column background */
background: $doc_code-bg; background: $doc_code-bg;
/* @include box-shadow(inset 40px 0 40px -18px rgba(22, 24, 29, 0.3)); */ /* @include box-shadow(inset 40px 0 40px -18px rgba(22, 24, 29, 0.3)); */

View File

@ -20,7 +20,7 @@ body {
// This fixes the scroll position on all elements, including refs // This fixes the scroll position on all elements, including refs
:target { :target {
&:before { &:before {
@include scroll-padding() @include o-scroll-padding()
} }
} }
} }
@ -142,7 +142,7 @@ header.o_main_header{
} }
.btn{ .btn{
@include o-position-absolute($top: 50%, $right: 1rem); @include o-position-absolute($top: 50%, $right: 1rem);
@include transform (translateY(-50%)) ; @include o-transform (translateY(-50%)) ;
padding: 0; padding: 0;
font-size: 1.2rem; font-size: 1.2rem;
color: $gray; color: $gray;
@ -173,7 +173,7 @@ header.o_main_header{
padding-top: 2rem; padding-top: 2rem;
padding-left: 3rem; padding-left: 3rem;
} }
@include o-transition($duration:.3s); @include o-transition(all, .3s);
padding-top: 1rem; padding-top: 1rem;
padding-left: 1rem; padding-left: 1rem;
background-color: lighten($o-violet-dark, 70%) ; background-color: lighten($o-violet-dark, 70%) ;
@ -200,7 +200,7 @@ header.o_main_header{
&[class*="o_menu_"] > .o_toc_entry_wrapper > i { &[class*="o_menu_"] > .o_toc_entry_wrapper > i {
opacity: .75; opacity: .75;
&:before { &: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; color: $o-violet-dark;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
@ -273,7 +273,7 @@ header.o_main_header{
color: inherit; color: inherit;
&[aria-expanded="true"] { &[aria-expanded="true"] {
@include transform(rotate(90deg)); @include o-transform(rotate(90deg));
} }
} }
} }
@ -281,7 +281,7 @@ header.o_main_header{
&.o_active_toc_entry { &.o_active_toc_entry {
&:not(.toctree-l1) > .o_toc_entry_wrapper { &:not(.toctree-l1) > .o_toc_entry_wrapper {
i[class^="i-"]:not(.collapsed) { i[class^="i-"]:not(.collapsed) {
@include transform(rotate(90deg)); @include o-transform(rotate(90deg));
} }
} }
> a , > .o_toc_entry_wrapper a { > a , > .o_toc_entry_wrapper a {
@ -481,7 +481,7 @@ header.o_main_header{
padding-right: 0; padding-right: 0;
&:before { &:before {
@include code-col(); @include o-code-col();
} }
@ -809,7 +809,7 @@ header.o_main_header{
font-weight: $fw_bold; font-weight: $fw_bold;
&:before { &: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) { @include media-breakpoint-down(md) {
display:none; display:none;
} }