scss: fix deprecation warnings
spacing mixin uses the parent selector so it has to go after all other styles
This commit is contained in:
parent
bcbb0f0207
commit
a8f8241006
3 changed files with 15 additions and 12 deletions
|
|
@ -6,7 +6,6 @@
|
||||||
.bar {
|
.bar {
|
||||||
@include lib.rounded(10, $tl: 0, $tr: 0);
|
@include lib.rounded(10, $tl: 0, $tr: 0);
|
||||||
@include lib.border(scheme.$rosewater, 0.7, 2);
|
@include lib.border(scheme.$rosewater, 0.7, 2);
|
||||||
@include lib.spacing(10);
|
|
||||||
@include font.mono;
|
@include font.mono;
|
||||||
|
|
||||||
border-top: none;
|
border-top: none;
|
||||||
|
|
@ -14,16 +13,19 @@
|
||||||
padding: lib.s(8) lib.s(20);
|
padding: lib.s(8) lib.s(20);
|
||||||
font-size: lib.s(14);
|
font-size: lib.s(14);
|
||||||
|
|
||||||
|
@include lib.spacing(10);
|
||||||
|
|
||||||
& > * {
|
& > * {
|
||||||
@include lib.spacing(10);
|
@include lib.spacing(10);
|
||||||
}
|
}
|
||||||
|
|
||||||
.module {
|
.module {
|
||||||
@include lib.rounded(5);
|
@include lib.rounded(5);
|
||||||
@include lib.spacing;
|
|
||||||
|
|
||||||
padding: lib.s(3) lib.s(8);
|
padding: lib.s(3) lib.s(8);
|
||||||
background-color: scheme.$surface0;
|
background-color: scheme.$surface0;
|
||||||
|
|
||||||
|
@include lib.spacing;
|
||||||
}
|
}
|
||||||
|
|
||||||
label.icon {
|
label.icon {
|
||||||
|
|
@ -43,10 +45,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-playing {
|
.media-playing {
|
||||||
@include lib.spacing(8);
|
|
||||||
|
|
||||||
color: scheme.$lavender;
|
color: scheme.$lavender;
|
||||||
|
|
||||||
|
@include lib.spacing(8);
|
||||||
|
|
||||||
icon {
|
icon {
|
||||||
font-size: lib.s(16);
|
font-size: lib.s(16);
|
||||||
}
|
}
|
||||||
|
|
@ -77,9 +79,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.tray {
|
.tray {
|
||||||
@include lib.spacing(10);
|
|
||||||
|
|
||||||
font-size: lib.s(15);
|
font-size: lib.s(15);
|
||||||
|
|
||||||
|
@include lib.spacing(10);
|
||||||
}
|
}
|
||||||
|
|
||||||
.notifications {
|
.notifications {
|
||||||
|
|
|
||||||
|
|
@ -14,11 +14,11 @@
|
||||||
padding: lib.s(10) lib.s(14);
|
padding: lib.s(10) lib.s(14);
|
||||||
|
|
||||||
.search-bar {
|
.search-bar {
|
||||||
@include lib.spacing;
|
|
||||||
|
|
||||||
margin-bottom: lib.s(5);
|
margin-bottom: lib.s(5);
|
||||||
font-size: lib.s(16);
|
font-size: lib.s(16);
|
||||||
|
|
||||||
|
@include lib.spacing;
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
font-size: lib.s(18);
|
font-size: lib.s(18);
|
||||||
color: scheme.$sapphire;
|
color: scheme.$sapphire;
|
||||||
|
|
@ -54,10 +54,10 @@
|
||||||
|
|
||||||
.results {
|
.results {
|
||||||
.empty {
|
.empty {
|
||||||
@include lib.spacing;
|
|
||||||
|
|
||||||
color: scheme.$subtext0;
|
color: scheme.$subtext0;
|
||||||
|
|
||||||
|
@include lib.spacing;
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
font-size: lib.s(32);
|
font-size: lib.s(32);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -26,7 +26,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.popup {
|
.popup {
|
||||||
@include lib.spacing($vertical: true);
|
|
||||||
@include lib.rounded(8, $tr: 0, $br: 0);
|
@include lib.rounded(8, $tr: 0, $br: 0);
|
||||||
@include lib.shadow;
|
@include lib.shadow;
|
||||||
@include font.main;
|
@include font.main;
|
||||||
|
|
@ -36,6 +35,8 @@
|
||||||
color: scheme.$text;
|
color: scheme.$text;
|
||||||
padding: lib.s(10) lib.s(12);
|
padding: lib.s(10) lib.s(12);
|
||||||
|
|
||||||
|
@include lib.spacing($vertical: true);
|
||||||
|
|
||||||
&.low {
|
&.low {
|
||||||
@include popup(scheme.$overlay0);
|
@include popup(scheme.$overlay0);
|
||||||
}
|
}
|
||||||
|
|
@ -51,8 +52,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
@include lib.spacing(5);
|
|
||||||
@include font.mono;
|
@include font.mono;
|
||||||
|
@include lib.spacing(5);
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue