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