32c82f6479
Use base instead of mantle Fix session transparency More rounding for session and lock osds
51 lines
972 B
SCSS
51 lines
972 B
SCSS
@use "scheme";
|
|
@use "lib";
|
|
@use "font";
|
|
|
|
.brightness,
|
|
.volume {
|
|
@include lib.rounded(8);
|
|
@include lib.border(scheme.$overlay0, 0.1);
|
|
@include lib.shadow;
|
|
@include font.mono;
|
|
|
|
background-color: scheme.$base;
|
|
font-size: lib.s(16);
|
|
padding: lib.s(3);
|
|
|
|
.inner {
|
|
@include lib.fluent-decel(1000ms);
|
|
|
|
min-width: lib.s(300);
|
|
min-height: lib.s(32);
|
|
background-color: scheme.$teal;
|
|
}
|
|
}
|
|
|
|
.volume .inner.mute {
|
|
background-color: scheme.$overlay0;
|
|
}
|
|
|
|
.lock {
|
|
@include lib.rounded(10);
|
|
@include lib.border(scheme.$overlay0, 0.1);
|
|
@include lib.shadow;
|
|
@include lib.element-decel;
|
|
@include font.mono;
|
|
|
|
min-width: lib.s(80);
|
|
min-height: lib.s(80);
|
|
padding: lib.s(10);
|
|
background-color: scheme.$base;
|
|
color: scheme.$overlay0;
|
|
font-size: lib.s(16);
|
|
font-weight: bold;
|
|
|
|
&.enabled {
|
|
color: scheme.$text;
|
|
}
|
|
|
|
.icon {
|
|
font-size: lib.s(48);
|
|
}
|
|
}
|