data/scss/main.scss
@use "adw";
@use "NavBar";
@use "OnScreenDisplay";
@use "Notif";

.all_unset {
    all: unset;
}

button {
    border-radius: adw.$master-border-radius;

    &:hover,
    &:checked {
        border-radius: adw.$master-border-radius;
    }
}

.zero_padding {
    padding: 0;
}

.flats button {
    background-color: unset;

    &:hover {
        background-color: color-mix(in srgb, currentColor 15%, transparent);
    }

    &:checked {
        background-color: color-mix(in srgb, currentColor 30%, transparent);
    }
}

.master_border {
    // border: 1px solid adw.$borders_color;
    border: unset;
}

.rounded {
    border-radius: adw.$master-border-radius;
}

.squares button {
    border-radius: unset;
}

.squared {
    border-radius: unset;
}

.bg_transparent {
    background-color: transparent;
}

.top_left_right_corner_borders {
    border-radius: unset;
    border-top-left-radius: adw.$master-border-radius;
    border-top-right-radius: adw.$master-border-radius;
}

.bottom_left_right_corner_borders {
    border-radius: unset;
    border-bottom-left-radius: adw.$master-border-radius;
    border-bottom-right-radius: adw.$master-border-radius;
}

.x_padding_5 {
    padding: 0 5px;
}

.x_padding_10 {
    padding: 0 10px;
}

.y_padding_5 {
    padding: 5px 0;
}

.padding_5 {
    padding: 5px;
}

.padding_10 {
    padding: 10px;
}

.title_5 {
    font-size: 15px;
}

.title_6 {
    font-size: 12px;
}

.qbutton {
    &>button {
        background-color: adw.$accent_bg_color;
        color: adw.$accent_fg_color;

        &:hover {
            background-color: #{"hsl(from @accent_bg_color h s calc(l + 5%))"};
        }

    }
}

circularprogress {
    background-color: transparent;

    & progress {
        color: adw.$accent_color;
    }

    & radius {
        color: adw.$dark_1;
    }

    & center {
        color: adw.$headerbar_shade_color;
    }
}

.hslider {
    & trough {
        @extend .rounded;
        padding: 0;
        min-height: 10px;

        & highlight {
            @extend .rounded;
            background-color: adw.$accent_color;
        }

        & slider {
            all: unset;
        }
    }
}

.hprogress {
    & trough {
        @extend .rounded;
        padding: 0;
        min-height: 10px;

        & progress {
            @extend .rounded;
            background-color: adw.$accent_color;
            min-height: 10px;
        }

    }
}

.vslider {
    & trough {
        padding: 0;
        min-width: 10px;

        & highlight {
            background-color: adw.$accent_color;
        }

        & slider {
            all: unset;
        }
    }
}