nixconfig/home/gui/eww/eww.scss
2023-10-12 16:16:29 +02:00

109 lines
1.4 KiB
SCSS
Executable File

@import 'css/colors';
@mixin rounding {
border-radius: 16px;
}
@mixin window {
border: 2px solid $base03;
margin: 5px 5px 10px;
@include rounding;
}
* {
all: unset;
font-family: "IBM Plex Mono";
transition: 200ms ease;
}
@import 'css/calendar';
@import 'css/sidebar';
@import 'css/system';
.bar {
background-color: $bg;
color: $fg;
border-bottom: 2px solid $base03;
label {
font-size: 1.2rem;
}
}
tooltip {
background: $bg;
border: 1px solid $border;
border-radius: 8px;
label {
font-size: 1rem;
}
}
.icon,
.icon label { font-family: Material Design Icons; }
.ws {
border-radius: 2rem;
margin: .7rem .25rem;
}
.focused {
background-color: $bg;
border-radius: 1rem;
margin: .3rem;
padding: .25rem;
}
.module { margin: 0 5px; }
.hour {
font-weight: bold;
padding-left: 5px;
}
.minute {
padding-right: .7rem;
}
.date {
background: $bg;
color: $base0C;
label {
font-size: 1.2rem;
}
}
.bright-icon { color: $base09; }
.module-bt { font-size: 1.2rem; }
scale trough {
background-color: $bg1;
border-radius: 24px;
margin: 0 1rem;
min-height: 10px;
min-width: 70px;
}
.workspaces { margin-left: 10px; }
.grey {
background-color: $base02;
}
.red {
background-color: $base0F;
}
.orange {
background-color: $base08;
}
.green {
background-color: $base0B;
}
.blue {
background-color: $base0C;
}