nat/ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit, you are welcome odette

Browse Source
This commit is contained in:
gnat
2024-09-06 16:55:55 -07:00
commit af9d9e3451
37 changed files with 2858 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
style/components/top-bar.scss Normal file
View File

@ -0,0 +1,126 @@
$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;
}
}
}
}