@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_ico_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);
        }
    }
}