87 lines
1.2 KiB
SCSS
87 lines
1.2 KiB
SCSS
@use "palette" as *;
|
|
|
|
* {
|
|
all: unset;
|
|
font-family: $font-family;
|
|
font-size: $font-size;
|
|
}
|
|
|
|
.Bar,
|
|
.popup-window {
|
|
background: transparent;
|
|
}
|
|
|
|
.bar {
|
|
background: $base01;
|
|
border-radius: 10px;
|
|
margin: 8px;
|
|
padding: 4px 12px;
|
|
color: $base05;
|
|
}
|
|
|
|
.ws {
|
|
min-width: 20px;
|
|
border-radius: 6px;
|
|
margin: 0 2px;
|
|
padding: 0 6px;
|
|
}
|
|
|
|
.ws.active {
|
|
background: $base0D;
|
|
color: $base00;
|
|
}
|
|
|
|
.clock {
|
|
font-weight: bold;
|
|
margin: 0 8px;
|
|
}
|
|
|
|
.volume {
|
|
border-radius: 6px;
|
|
margin: 0 2px;
|
|
padding: 0 6px;
|
|
}
|
|
|
|
.ws:hover,
|
|
.volume:hover {
|
|
background: transparentize($base05, 0.88);
|
|
}
|
|
|
|
.volume icon,
|
|
.mute icon {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.dropdown {
|
|
background: $base01;
|
|
border-radius: 10px;
|
|
padding: 8px 12px;
|
|
color: $base05;
|
|
}
|
|
|
|
.mute {
|
|
margin-right: 8px;
|
|
padding: 0 6px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.vol-slider {
|
|
trough {
|
|
background: $base03;
|
|
border-radius: 999px;
|
|
min-height: 12px;
|
|
|
|
highlight {
|
|
background: $base0D;
|
|
border-radius: 999px;
|
|
}
|
|
|
|
slider {
|
|
min-width: 16px;
|
|
min-height: 16px;
|
|
background: $base05;
|
|
border-radius: 999px;
|
|
}
|
|
}
|
|
}
|