133 lines
1.7 KiB
SCSS
133 lines
1.7 KiB
SCSS
@import 'css/colors';
|
|
|
|
/* MIXIN */
|
|
|
|
@mixin border-radius {
|
|
border-radius: $border-radius;
|
|
}
|
|
|
|
@mixin border-inactive {
|
|
border-width: $border-width;
|
|
border-style: solid;
|
|
border-color: $base03;
|
|
}
|
|
|
|
@mixin border-active {
|
|
border-color: $base04;
|
|
}
|
|
|
|
@mixin test {
|
|
|
|
}
|
|
|
|
/* GENERAL */
|
|
|
|
* {
|
|
all: unset;
|
|
font-family: "IBM Plex Mono";
|
|
transition: 200ms ease;
|
|
}
|
|
|
|
tooltip {
|
|
background: $base01;
|
|
border: $border-width solid $base04;
|
|
border-radius: $border-radius;
|
|
|
|
label {
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
|
|
.icon,
|
|
.icon label { font-family: Material Design Icons; }
|
|
|
|
.grey {
|
|
background-color: $base02;
|
|
}
|
|
|
|
.red {
|
|
background-color: $base0F;
|
|
}
|
|
|
|
.orange {
|
|
background-color: $base08;
|
|
}
|
|
|
|
.green {
|
|
background-color: $base0B;
|
|
}
|
|
|
|
.blue {
|
|
background-color: $base0C;
|
|
}
|
|
|
|
/* WINDOW WRAPPER CSS */
|
|
|
|
.winevent {
|
|
background-color: $base01;
|
|
color: $base07;
|
|
@include border-radius;
|
|
@include border-inactive;
|
|
}
|
|
.winevent:hover {
|
|
@include border-active;
|
|
}
|
|
|
|
.wininner {
|
|
padding: $gaps-window;
|
|
}
|
|
.winouter {
|
|
margin: $gaps-screen;
|
|
}
|
|
|
|
/* MODULE WRAPPER CSS */
|
|
|
|
.modevent {
|
|
background-color: $base01;
|
|
color: $base07;
|
|
@include border-radius;
|
|
@include border-inactive;
|
|
border-right-style: none;
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.modevent:hover {
|
|
@include border-active;
|
|
}
|
|
|
|
.modinner {
|
|
padding: $gaps-screen 0 $gaps-screen $gaps-window;
|
|
}
|
|
.modouter {
|
|
margin: $gaps-screen 0;
|
|
}
|
|
|
|
/* IMPORTS EXTERNAL */
|
|
|
|
@import 'css/sys';
|
|
@import 'css/net';
|
|
@import 'css/clock';
|
|
@import 'css/radio';
|
|
@import 'css/powermenu';
|
|
|
|
|
|
/* BAR */
|
|
|
|
.bar label {
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
/* WORKSPACE */
|
|
|
|
.ws {
|
|
border-radius: $border-radius;
|
|
margin: $gaps-window;
|
|
}
|
|
|
|
.focused {
|
|
background-color: $bg1;
|
|
border-radius: 1rem;
|
|
margin: .3rem;
|
|
padding: .25rem;
|
|
}
|