1checkbutton {
2  border-spacing: 4px;
3  border-radius: $button_radius;
4  transition: $focus_transition;
5
6  @include focus-ring();
7
8  &.text-button {
9    // this is for a nice focus on check and radios text
10    padding: 4px;
11  }
12}
13
14check,
15radio {
16  min-height: 14px;
17  min-width: 14px;
18  padding: 1px;
19  -gtk-icon-size: 14px;
20  background-color: $trough_color;
21
22  @if $contrast == "high" {
23    box-shadow: inset 0 0 0 1px $borders_color;
24  }
25
26  &:hover {
27    background-color: $trough_hover_color;
28
29    &:active { background-color: $trough_active_color; }
30  }
31
32  &:checked,
33  &:indeterminate {
34    background-color: $fill_color;
35    color: $fill_text_color;
36
37    @if $contrast == "high" {
38      box-shadow: none;
39    }
40
41    &:hover {
42      background-color: $fill_hover_color;
43
44      &:active { background-color: $fill_active_color; }
45    }
46  }
47
48  &:disabled {
49    filter: opacity(.5);
50  }
51}
52
53check {
54  border-radius: 3px;
55
56  &:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")),
57                                            -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
58
59  &:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")),
60                                                  -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
61}
62
63radio {
64  border-radius: 100%;
65
66  &:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")),
67                                            -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
68
69  &:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")),
70                                                  -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
71}
72
73//selection-mode
74.view.content-view.check:not(list),
75.content-view .tile check:not(list) {
76  margin: 4px;
77  min-width: 32px;
78  min-height: 32px;
79  border-radius: 5px;
80
81  &:checked { -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); }
82}
83