49 lines
930 B
SCSS
Raw Normal View History

2021-04-08 22:59:05 +08:00
/* Buttons */
2022-11-11 18:39:37 +08:00
%button {
@include button(flat-normal);
&:hover { @include button(flat-hover); }
&:active { @include button(flat-active); }
&:insensitive { @include button(flat-insensitive); }
&:focus { @include button(flat-focus); }
}
2021-04-08 22:59:05 +08:00
.button {
2022-10-28 18:34:59 +08:00
min-height: $small_size;
padding: $container_padding $container_padding * 2;
2021-04-08 22:59:05 +08:00
border-radius: $bt_radius;
2022-11-11 18:39:37 +08:00
border: none;
@extend %button;
2021-04-08 22:59:05 +08:00
}
2022-05-05 22:42:15 +08:00
2022-10-28 18:34:59 +08:00
.icon-button {
min-height: $small_size;
min-width: $small_size;
padding: $container_padding;
border-radius: $circular_radius;
2022-11-11 18:39:37 +08:00
@extend %button;
2022-10-28 18:34:59 +08:00
}
2022-05-05 22:42:15 +08:00
%osd_button {
background-color: transparent;
border: none;
box-shadow: none;
outline: none;
color: rgba(white, 0.75);
&:hover {
background-color: rgba(white, 0.1);
color: white;
}
&:active {
background-color: rgba(white, 0.25);
color: white;
}
&:insensitive {
background-color: transparent;
color: rgba(white, 0.35);
}
}