dots/ags/styles/components/_battery_info.scss
2025-05-02 22:05:06 +02:00

56 lines
970 B
SCSS

@use '../../../theme_colors.scss' as *;
window.battery_info {
font-weight: bold;
>box {
border: 1px solid $base00;
border-radius: 10px;
margin: 8px;
}
>.inner {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background: $base0B;
padding: 0.75rem 3rem;
margin: 0;
label.percentage {
font-size: 300%;
}
* {
transition: all 0.2s ease-in-out;
color: $base00;
}
}
button {
padding: 0.75rem 1rem;
}
}
window.battery_info button {
transition: all 0.2s ease-in-out;
background: $base0B;
border: 2px solid $base00;
margin: 5px;
&:hover {
background: $base00;
* {
color: $base0B;
}
}
&.active {
background: $base00;
border: 0.5px solid $base0B;
* {
color: $base0B;
}
}
}