Weather&Audio
This commit is contained in:
@@ -42,4 +42,39 @@ calendar {
|
||||
|
||||
.datetime {
|
||||
padding: $gaps-window;
|
||||
}
|
||||
|
||||
// Clock window accents
|
||||
.weather-accent { background-color: $base0A; }
|
||||
.vol-accent { background-color: $base0D; }
|
||||
|
||||
// Weather section
|
||||
.weather-main { margin-bottom: 8pt; }
|
||||
.weather-icon { font-size: 2.2em; margin-right: 12pt; @include color-accent; }
|
||||
.weather-temp { font-size: 1.3em; font-weight: bold; @include color-base; }
|
||||
.weather-desc { font-size: 0.78em; @include color-body; }
|
||||
.weather-stats { margin-top: 4pt; }
|
||||
|
||||
// Volume section
|
||||
.ctrl-row { margin-bottom: 4pt; }
|
||||
.ctrl-icon { font-size: 1.1em; min-width: 22pt; @include color-body; }
|
||||
.ctrl-muted { @include color-inactive; }
|
||||
.ctrl-value { font-size: 0.72em; min-width: 28pt; @include color-active; }
|
||||
|
||||
scale.ctrl-slider {
|
||||
padding: 2pt 4pt;
|
||||
trough {
|
||||
@include border-radius;
|
||||
@include background-base2;
|
||||
min-height: 5px;
|
||||
highlight { background-color: $base0C; @include border-radius; }
|
||||
}
|
||||
slider {
|
||||
background-color: $base07;
|
||||
min-height: 11px;
|
||||
min-width: 11px;
|
||||
@include border-radius;
|
||||
margin: -3px;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user