[IMP][CSS] Fix color variable issue
This commit is contained in:
parent
d01888d0be
commit
9b7ec0fa11
@ -30,7 +30,7 @@
|
|||||||
// Backgrounds
|
// Backgrounds
|
||||||
// ------------------------------------------------------------------
|
// ------------------------------------------------------------------
|
||||||
|
|
||||||
@mixin o-gradient($deg: 99deg , $startColor: $o-violet, $endColor: #62495B, $startOffset: 10%, $endOffset: 90%){
|
@mixin o-gradient($deg: 99deg , $startColor: $secondary, $endColor: #62495B, $startOffset: 10%, $endOffset: 90%){
|
||||||
background: mix($startColor, $endColor);
|
background: mix($startColor, $endColor);
|
||||||
background: -webkit-linear-gradient($deg, $startColor $startOffset, $endColor $endOffset);
|
background: -webkit-linear-gradient($deg, $startColor $startOffset, $endColor $endOffset);
|
||||||
background: -moz-linear-gradient($deg, $startColor $startOffset, $endColor $endOffset);
|
background: -moz-linear-gradient($deg, $startColor $startOffset, $endColor $endOffset);
|
||||||
|
@ -104,7 +104,7 @@ header {
|
|||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
color: $o-violet;
|
color: $secondary;
|
||||||
@include font-size($font-size-base);
|
@include font-size($font-size-base);
|
||||||
@include o-easter-egg($img:'img/ducky.svg');
|
@include o-easter-egg($img:'img/ducky.svg');
|
||||||
}
|
}
|
||||||
@ -222,8 +222,8 @@ header {
|
|||||||
height: calc(100% - #{$o-headers-mobile-height});
|
height: calc(100% - #{$o-headers-mobile-height});
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
padding-left: $o-padding-s;
|
padding-left: $o-padding-s;
|
||||||
background-color: lighten($o-violet, 70%) ;
|
background-color: lighten($secondary, 70%) ;
|
||||||
color: $o-violet;
|
color: $secondary;
|
||||||
font-weight: $o-fw-regular;
|
font-weight: $o-fw-regular;
|
||||||
|
|
||||||
@include o-transition(all, .3s);
|
@include o-transition(all, .3s);
|
||||||
@ -244,7 +244,7 @@ header {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-thumb {
|
&::-webkit-scrollbar-thumb {
|
||||||
background-color: $o-violet;
|
background-color: $secondary;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -264,7 +264,7 @@ header {
|
|||||||
padding-bottom: $o-padding-xs;
|
padding-bottom: $o-padding-xs;
|
||||||
|
|
||||||
> .o_toc_entry_wrapper a {
|
> .o_toc_entry_wrapper a {
|
||||||
color: $o-violet;
|
color: $secondary;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -274,13 +274,13 @@ header {
|
|||||||
li {
|
li {
|
||||||
&.o_active_toc_entry {
|
&.o_active_toc_entry {
|
||||||
&:not(.toctree-l1) > .o_toc_entry_wrapper i[class^="i-"]:not(.collapsed), > a , > .o_toc_entry_wrapper a, > .o_toc_entry_wrapper i {
|
&:not(.toctree-l1) > .o_toc_entry_wrapper i[class^="i-"]:not(.collapsed), > a , > .o_toc_entry_wrapper a, > .o_toc_entry_wrapper i {
|
||||||
color: $o-violet;
|
color: $secondary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
&.current {
|
&.current {
|
||||||
color: $o-violet;
|
color: $secondary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -298,7 +298,7 @@ header {
|
|||||||
&[class*="o_menu_"] > .o_toc_entry_wrapper > i:before {
|
&[class*="o_menu_"] > .o_toc_entry_wrapper > i:before {
|
||||||
content: $i-doc-apps;
|
content: $i-doc-apps;
|
||||||
@include o-inline-icon(0 5px 0 0);
|
@include o-inline-icon(0 5px 0 0);
|
||||||
color: $o-violet;
|
color: $secondary;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.o_menu_applications > .o_toc_entry_wrapper > i:before{
|
&.o_menu_applications > .o_toc_entry_wrapper > i:before{
|
||||||
@ -719,7 +719,7 @@ header {
|
|||||||
margin-bottom: $o-margin-m;
|
margin-bottom: $o-margin-m;
|
||||||
|
|
||||||
> h1 {
|
> h1 {
|
||||||
color: $o-violet;
|
color: $secondary;
|
||||||
font-weight: $o-fw-bold;
|
font-weight: $o-fw-bold;
|
||||||
margin-bottom: $o-margin-s;
|
margin-bottom: $o-margin-s;
|
||||||
|
|
||||||
@ -1086,8 +1086,8 @@ header {
|
|||||||
&:hover {
|
&:hover {
|
||||||
&:not([aria-selected="true"]) {
|
&:not([aria-selected="true"]) {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background: tint-color($o-violet, 80%);
|
background: tint-color($secondary, 80%);
|
||||||
color: $o-violet;
|
color: $secondary;
|
||||||
transition: color .15s, background .15s;
|
transition: color .15s, background .15s;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user