scss: fix deprecation warnings

spacing mixin uses the parent selector so it has to go after all other styles
This commit is contained in:
2 * r + 2 * t 2025-01-14 12:45:40 +11:00
parent bcbb0f0207
commit a8f8241006
3 changed files with 15 additions and 12 deletions

View file

@ -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 {

View file

@ -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);
} }

View file

@ -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 {