update mixin names
This commit is contained in:
parent
51f87bb0d9
commit
7ebd65a193
@ -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)); */
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user