127 lines
2.0 KiB
SCSS
127 lines
2.0 KiB
SCSS
$height: 50px;
|
|
|
|
#status-bar {
|
|
background: transparent;
|
|
|
|
.workspaces {
|
|
min-height: $height;
|
|
background: $bg;
|
|
padding: 5px;
|
|
padding-top: 15px;
|
|
|
|
.workspace {
|
|
min-width: 10px;
|
|
min-height: 10px;
|
|
margin: 5px;
|
|
background-color: $bg-alt-1;
|
|
}
|
|
|
|
.occupied {
|
|
background-color: $bg-alt-2;
|
|
}
|
|
|
|
.focused {
|
|
background-color: $hl;
|
|
}
|
|
}
|
|
|
|
.media-controls {
|
|
margin-top: 20px;
|
|
min-width: 220px;
|
|
|
|
.button {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
|
|
.progress-bar {
|
|
margin-top: 20px;
|
|
min-width: 200px;
|
|
min-height: 2px;
|
|
background: transparent;
|
|
|
|
trough {
|
|
min-height: 2px;
|
|
background: $bg-alt-1;
|
|
}
|
|
|
|
highlight {
|
|
min-height: 2px;
|
|
background: $mpd-progress-primary;
|
|
}
|
|
}
|
|
|
|
.right {
|
|
min-height: $height;
|
|
background: $bg;
|
|
|
|
|
|
.battery-container {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
.battery-dial {
|
|
@include bar-dial($battery-dial-bg, $battery-dial-fg);
|
|
}
|
|
}
|
|
|
|
.sliderbox {
|
|
margin: 5px;
|
|
.volume {
|
|
.slider {
|
|
trough {
|
|
min-height: 10px;
|
|
min-width: 120px;
|
|
background: $bg-alt-1;
|
|
}
|
|
|
|
highlight {
|
|
background: $hl-alt-1;
|
|
}
|
|
}
|
|
|
|
button {
|
|
font-size: 20px;
|
|
margin: 5px;
|
|
}
|
|
}
|
|
|
|
.brightness {
|
|
.slider {
|
|
trough {
|
|
min-height: 10px;
|
|
min-width: 120px;
|
|
background: $bg-alt-1;
|
|
}
|
|
|
|
highlight {
|
|
background: $hl-alt-1;
|
|
}
|
|
}
|
|
|
|
button {
|
|
font-size: 20px;
|
|
margin: 5px;
|
|
}
|
|
}
|
|
}
|
|
|
|
separator {
|
|
background: $bg-alt-1;
|
|
padding: 1px;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.clock {
|
|
background: $bg;
|
|
|
|
.datetime {
|
|
margin: 1px;
|
|
font-size: 10pt;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|