124 lines
1.9 KiB
SCSS
Executable File
124 lines
1.9 KiB
SCSS
Executable File
.system-menu-box {
|
|
@include window;
|
|
background-color: $bg;
|
|
color: $fg;
|
|
}
|
|
|
|
.separator {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.top-row {
|
|
margin: 1rem 1.5rem 0;
|
|
|
|
.time { font-size: 2rem; }
|
|
|
|
.date-box {
|
|
margin: 0 1rem;
|
|
|
|
label { font-size: 1.1rem; }
|
|
|
|
.date {
|
|
background: unset;
|
|
margin: 0 .5rem 0 0;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
button {
|
|
background-color: $bg1;
|
|
border-radius: 16px;
|
|
margin-bottom: .1rem;
|
|
padding: 0 .5rem;
|
|
|
|
label { font-size: 1.5rem; }
|
|
&:hover { background-color: $bg1; }
|
|
}
|
|
}
|
|
|
|
.system-row {
|
|
margin: .5rem .7rem;
|
|
|
|
label {
|
|
font-size: 1rem;
|
|
margin: 0 .1rem;
|
|
}
|
|
}
|
|
|
|
.element {
|
|
@include rounding;
|
|
background-color: $bg1;
|
|
margin: .3rem;
|
|
|
|
button {
|
|
@include rounding;
|
|
padding: 1rem 3rem;
|
|
|
|
label {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
&:hover {
|
|
background-color: rgba(255, 255, 255, 0.2);
|
|
}
|
|
}
|
|
}
|
|
|
|
.sliders {
|
|
@include rounding;
|
|
background-color: $bg1;
|
|
margin: .5rem 1rem;
|
|
padding: .6rem 1rem;
|
|
|
|
scale {
|
|
margin-right: -1rem;
|
|
min-width: 21.5rem;
|
|
|
|
trough { margin-right: 0; }
|
|
}
|
|
|
|
box { margin: .2rem 0; }
|
|
label { font-size: 1.2rem; }
|
|
}
|
|
|
|
.volume-slider-box,
|
|
.brightness-slider-box {
|
|
trough { background-color: $base02; }
|
|
}
|
|
|
|
.volume-bar highlight {
|
|
@include rounding;
|
|
background-image: linear-gradient(to right, $base0B, $base0C);
|
|
}
|
|
|
|
.brightness-bar highlight {
|
|
@include rounding;
|
|
background-image: linear-gradient(to right, $base0A, $base0B);
|
|
}
|
|
|
|
.bottom-row {
|
|
margin: .5rem 1rem;
|
|
|
|
.battery-icon { font-size: 2rem; }
|
|
.battery-wattage { color: $base0A; }
|
|
|
|
.battery-status {
|
|
color: $base04;
|
|
margin: 0 .5rem;
|
|
}
|
|
}
|
|
|
|
.bt-connected {
|
|
background-color: $base0C;
|
|
color: $base00;
|
|
|
|
button:hover { background-color: rgba(0, 0, 0, .3); }
|
|
}
|
|
|
|
.net-connected {
|
|
background-color: $base0C;
|
|
color: $base00;
|
|
|
|
button:hover { background-color: rgba(0, 0, 0, .3); }
|
|
}
|