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