bb3b3dfdfb
* Implement strict typing (WIP). * changes * Finish type checks * Fix notification icon, matugen settings and update tsconfig. * OSD Styling updates and added the ability to configure OSD duration.
82 lines
1.7 KiB
SCSS
82 lines
1.7 KiB
SCSS
.indicator {
|
|
* {
|
|
font-size: $font-size * $osd-scaling * 0.01;
|
|
}
|
|
|
|
.osd-container {
|
|
margin: $osd-margins;
|
|
opacity: $osd-opacity * 0.01;
|
|
}
|
|
|
|
.osd-label-container {
|
|
background: $osd-bar_container;
|
|
|
|
border-radius: if($osd-orientation =="vertical", $osd-radius $osd-radius 0em 0em, 0em $osd-radius $osd-radius 0em);
|
|
|
|
.osd-label {
|
|
font-size: 1em;
|
|
padding-top: if($osd-orientation =="vertical", 1em, 0em);
|
|
padding-right: if($osd-orientation =="horizontal", 1em, 0em);
|
|
color: $osd-label;
|
|
|
|
&.overflow {
|
|
color: $osd-bar_overflow_color;
|
|
}
|
|
}
|
|
}
|
|
|
|
.osd-icon-container {
|
|
background: $osd-icon_container;
|
|
|
|
border-radius: if($osd-orientation =="vertical", 0em 0em $osd-radius $osd-radius, $osd-radius 0em 0em $osd-radius );
|
|
|
|
.osd-icon {
|
|
font-size: 2.1em;
|
|
padding: if($osd-orientation =="vertical", 0.2em 0em, 0em 0.4em);
|
|
color: $osd-icon;
|
|
}
|
|
}
|
|
|
|
.osd-bar-container {
|
|
padding: 1.25em;
|
|
background: $osd-bar_container;
|
|
|
|
.osd-bar {
|
|
levelbar * {
|
|
transition: 200ms;
|
|
}
|
|
|
|
trough {
|
|
min-height: if($osd-orientation =="vertical", 10em, 0);
|
|
min-width: if($osd-orientation =="horizontal", 10em, 0);
|
|
}
|
|
|
|
block {
|
|
border-radius: $osd-radius * 0.5;
|
|
|
|
&.empty {
|
|
background: $osd-bar_empty_color;
|
|
|
|
}
|
|
|
|
&.filled {
|
|
background: $osd-bar_color;
|
|
padding: 0.45em;
|
|
}
|
|
}
|
|
|
|
&.overflow {
|
|
block {
|
|
&.empty {
|
|
background: $osd-bar_color;
|
|
}
|
|
|
|
&.filled {
|
|
background: $osd-bar_overflow_color;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|