107 lines
1.5 KiB
SCSS
107 lines
1.5 KiB
SCSS
@import 'css/colors';
|
|
|
|
@mixin rounding {
|
|
border-radius: 16px;
|
|
}
|
|
|
|
@mixin window {
|
|
background-color: $bg;
|
|
background-position: center;
|
|
background-size: cover;
|
|
border: 1px solid rgba(0,0,0,0.3);
|
|
color: $fg;
|
|
margin: 5px 5px 10px;
|
|
@include rounding;
|
|
}
|
|
|
|
* {
|
|
all: unset;
|
|
font-family: "Product Sans", Roboto, sans-serif;
|
|
transition: 200ms ease;
|
|
}
|
|
|
|
@import 'css/calendar';
|
|
@import 'css/indicators';
|
|
@import 'css/music';
|
|
@import 'css/osd';
|
|
@import 'css/sidebar';
|
|
@import 'css/system';
|
|
@import 'css/volume';
|
|
|
|
.bar0,
|
|
.bar1,
|
|
.bar2 {
|
|
background-color: $bg;
|
|
color: $fg;
|
|
|
|
label {
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.text {
|
|
margin-top: .2rem;
|
|
}
|
|
}
|
|
|
|
tooltip {
|
|
background: $bg;
|
|
border: 1px solid $border;
|
|
border-radius: 8px;
|
|
|
|
label {
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
|
|
/* icon font */
|
|
.icon,
|
|
.icon label { font-family: Material Symbols Outlined; }
|
|
|
|
.module { margin: 0 5px; }
|
|
|
|
/* date & time */
|
|
.hour {
|
|
font-weight: bold;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.minute {
|
|
padding-right: .7rem;
|
|
}
|
|
|
|
.date {
|
|
color: $flamingo;
|
|
|
|
label {
|
|
font-size: 1.2rem;
|
|
}
|
|
}
|
|
|
|
/* right-aligned modules */
|
|
.bright-icon { color: $yellow; }
|
|
.module-bt { font-size: 1.2rem; }
|
|
|
|
/* scales */
|
|
scale trough {
|
|
background-color: $bg1;
|
|
border-radius: 24px;
|
|
margin: 0 1rem;
|
|
min-height: 10px;
|
|
min-width: 70px;
|
|
}
|
|
|
|
/* workspaces */
|
|
.focused {
|
|
background-color: $bg;
|
|
border-radius: 1rem;
|
|
margin: .3rem;
|
|
padding: .25rem;
|
|
}
|
|
|
|
.workspaces { margin-left: 10px; }
|
|
|
|
.ws {
|
|
border-radius: 2rem;
|
|
margin: .7rem .25rem;
|
|
}
|