Laurent/infrastructure
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

💄 eww.scss, use mix instead of opacity

Browse source
This commit is contained in:
Laureηt 2023-06-04 01:07:54 +02:00
parent 17c0ae97bd
commit a3661187dc
Signed by: Laurent
SSH key fingerprint: SHA256:kZEpW8cMJ54PDeCvOhzreNr4FSh6R13CMGH/POoO8DI
1 changed files with 12 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
hosts/neodymium/home/wayland/eww/eww.scss
View file

@ -21,13 +21,12 @@ $colors: $rosewater, $flamingo, $pink, $mauve, $red, $maroon, $peach, $yellow, $
@for $i from 1 through 10 {
&.entry-#{$i} {
.text {
opacity: 0.3;
padding: 0 5px;
color: $crust;
background-color: nth($colors, $i);
background-color: mix(nth($colors, $i), #4E4365, 30%);
&.active {
opacity: 1;
background-color: mix(nth($colors, $i), #4E4365, 100%);
}
&.empty {
@ -36,34 +35,31 @@ $colors: $rosewater, $flamingo, $pink, $mauve, $red, $maroon, $peach, $yellow, $
}
.seperator {
opacity: 0.3;
font-size: 19px;
margin-top: -1px;
&.active {
opacity: 1;
&.up {
color: mix(nth($colors, $i), #4E4365, 30%);
}
&.up {
@if $i ==10 {
color: nth($colors, 10);
}
@else {
color: nth($colors, $i);
}
&.up.active {
color: mix(nth($colors, $i), #4E4365, 100%);
}
&.down {
margin-left: -12px;
margin-right: -1px;
@if $i ==10 {
color: transparent;
}
@else {
color: nth($colors, $i + 1);
&.active {
color: mix(nth($colors, $i + 1), #4E4365, 100%);
}
color: mix(nth($colors, $i + 1), #4E4365, 30%);
}
}
}