ASCII text
1
/* Buttons */
2
@use "../../../../theme";
4
@use "../../drawing";
5
@use "../../typography";
6
%button,
8
.button {
9
min-height: theme.$medium-size;
10
min-width: 64px - 8px * 2;
11
padding: 0 8px;
12
border: 0;
13
border-radius: theme.$corner-radius;
14
@include typography.button;
16
@include drawing.button(flat-normal);
17
&:focus {
19
@include drawing.button(flat-focus);
20
}
21
&:hover {
23
@include drawing.button(flat-hover);
24
}
25
&:active {
27
@include drawing.button(flat-active);
28
}
29
&:insensitive {
31
@include drawing.button(flat-insensitive);
32
}
33
}
34
// buttons in dialogs and notifications
36
%bubble_button {
37
@extend %button;
38
margin: theme.$container-padding;
39
margin-right: 0;
40
&:first-child,
42
&:last-child,
43
&:first-child:last-child {
44
border-radius: theme.$corner-radius;
45
}
46
&:last-child,
48
&:first-child:last-child {
49
margin-right: theme.$container-padding;
50
border-right-width: 0;
51
}
52
}
53