60 lines
1.8 KiB
SCSS
60 lines
1.8 KiB
SCSS
@use "../colors/_glassy.scss" as *;
|
|
|
|
@mixin panel_ico_style($ico_class, $ico_bg, $ico_col: null) {
|
|
&.#{$ico_class} {
|
|
background-color: $ico_bg;
|
|
@if $ico_col {
|
|
color: $ico_col;
|
|
}
|
|
}
|
|
}
|
|
|
|
@mixin panel_text_widg_style($widg_class, $widg_bg:null, $widg_padding: null, $text_col:null, $font:null, $fontsize:null) {
|
|
&.#{$widg_class} {
|
|
@if $widg_bg {
|
|
background-color: $widg_bg;
|
|
}
|
|
@if $text_col {
|
|
color: $text_col;
|
|
}
|
|
@if $widg_padding {
|
|
padding: $widg_padding;
|
|
}
|
|
@if $font {
|
|
font-family: $font;
|
|
}
|
|
@if $fontsize {
|
|
font-size: $fontsize;
|
|
}
|
|
}
|
|
}
|
|
|
|
@mixin panel_widgets {
|
|
/* Panel widgets */
|
|
.panel_mini_widg {
|
|
border-radius: 2px;
|
|
background-color: $panel_mini_widg_bg_col;
|
|
|
|
&.panel_text_widg {
|
|
font-family: "Iosevka";
|
|
font-size: 14px;
|
|
padding: 0 2px;
|
|
@include panel_text_widg_style("panel_time", $panel_time_bg_col);
|
|
@include panel_text_widg_style("panel_date", $panel_date_bg_col);
|
|
}
|
|
|
|
&.panel_ico {
|
|
font-family: "icon-font";
|
|
border-radius: 4px;
|
|
font-size: 15px;
|
|
//color: $panel_date_text_col;
|
|
|
|
background-color: $panel_date_bg_col;
|
|
@include panel_ico_style("panel_bat_ico", $panel_ico_bat_bg_col);
|
|
@include panel_ico_style("panel_vol_ico", $panel_ico_vol_bg_col);
|
|
@include panel_ico_style("panel_brit_ico", $panel_ico_brit_bg_col);
|
|
@include panel_ico_style("panel_wifi_ico", $panel_ico_wifi_bg_col);
|
|
@include panel_ico_style("panel_notif_ico", $panel_ico_notif_bg_col);
|
|
}
|
|
}
|
|
} |