Differential D22877 Diff 62932 src/gtk3/widgets/_spinbutton.scss

Changeset View

Standalone View

View Options

src/gtk3/widgets/_spinbutton.scss

Show All 24 Lines15 entry {
25 &:backdrop:disabled { background-color: transparent; } 25​ &:backdrop:disabled { background-color: transparent; }
26 } 26​ }
27 27​
28 button { 28​ button {
29 min-height: 16px; 29​ min-height: 16px;
30 margin: 0; 30​ margin: 0;
31 padding-bottom: 0; 31​ padding-bottom: 0;
32 padding-top: 0; 32​ padding-top: 0;
33 color: v_color(text); 33​ color: gtk("@theme_text_color");
34 background-image: none; 34​ background-image: none;
35 background-color: transparent; 35​ background-color: transparent;
36 border-style: none; 36​ border-style: none;
37 box-shadow: none; 37​ box-shadow: none;
38 38​
39 &:hover { 39​ &:hover {
40 color: v_color(hover); 40​ color: gtk("@theme_view_hover_decoration_color");
41 } 41​ }
42 42​
43 &:disabled { 43​ &:disabled {
44 color: insensitive(v_color(text)); 44​ color: gtk("@insensitive_base_fg_color");
45 } 45​ }
46 46​
47 &:active { 47​ &:active {
48 color: v_color(active); 48​ color: gtk("@theme_view_active_decoration_color");
49 box-shadow: none; 49​ box-shadow: none;
50 } 50​ }
51 51​
52 &:backdrop { 52​ &:backdrop {
53 color: backdrop(v_color(text)); 53​ color: gtk("@theme_unfocused_text_color");
54 background-color: transparent; 54​ background-color: transparent;
55 } 55​ }
56 56​
57 &:backdrop:disabled { 57​ &:backdrop:disabled {
58 color: backdrop(insensitive(v_color(text))); 58​ color: gtk("@theme_unfocused_view_text_color");
59 background-color: transparent; 59​ background-color: transparent;
60 border-style: none; // It is needed or it gets overridden 60​ border-style: none; // It is needed or it gets overridden
61 } 61​ }
62 62​
63 &:dir(ltr):last-child { border-radius: 0 3px 3px 0; } 63​ &:dir(ltr):last-child { border-radius: 0 3px 3px 0; }
64 64​
65 &:dir(rtl):first-child { border-radius: 3px 0 0 3px; } 65​ &:dir(rtl):first-child { border-radius: 3px 0 0 3px; }
66 } 66​ }
67 } 67​ }
68 68​
69 // Vertical 69​ // Vertical
70 &.vertical { 70​ &.vertical {
71 // in the vertical configuration, we treat the spinbutton 71​ // in the vertical configuration, we treat the spinbutton
72 // as a box, and tweak the style of the entry in the middle 72​ // as a box, and tweak the style of the entry in the middle
73 // so that it's linked 73​ // so that it's linked
74 74​
75 // FIXME: this should not be set at all, but otherwise it gets the wrong 75​ // FIXME: this should not be set at all, but otherwise it gets the wrong
76 // color 76​ // color
77 &:disabled { color: insensitive(v_color(text)); } 77​ &:disabled { color: gtk("@insensitive_base_fg_color"); }
78 78​
79 &:backdrop:disabled { color: backdrop(insensitive(v_color(text))); } 79​ &:backdrop:disabled { color: gtk("@theme_unfocused_view_text_color"); }
80 80​
81 &:drop(active) { 81​ &:drop(active) {
82 border-color: transparent; 82​ border-color: transparent;
83 box-shadow: none; 83​ box-shadow: none;
84 } 84​ }
85 85​
86 entry { 86​ entry {
87 margin: 0px; 87​ margin: 0px;
88 min-height: 26px; 88​ min-height: 26px;
89 min-width: 26px; 89​ min-width: 26px;
90 border-style: none solid none solid; 90​ border-style: none solid none solid;
91 border-color: $border_color; 91​ border-color: gtk("@borders");
92 padding: 0; 92​ padding: 0;
93 border-radius: 0; 93​ border-radius: 0;
94 &:disabled { 94​ &:disabled {
95 color: insensitive(v_color(text)); 95​ color: gtk("@insensitive_base_fg_color");
96 background-color: insensitive(v_color(normal)); 96​ background-color: gtk("@insensitive_base_color");
97 border-color: insensitive($border_color); 97​ border-color: gtk("@insensitive_borders");
98 } 98​ }
99 &:backdrop:disabled { 99​ &:backdrop:disabled {
100 color: backdrop(insensitive(v_color(text))); 100​ color: gtk("@theme_unfocused_view_text_color");
101 background-color: backdrop(insensitive(v_color(normal))); 101​ background-color: gtk("@theme_unfocused_view_bg_color");
102 border-color: backdrop(insensitive($border_color)); 102​ border-color: gtk("@unfocused_insensitive_borders");
103 } 103​ }
104 } 104​ }
105 105​
106 button { 106​ button {
107 min-height: 26px; 107​ min-height: 26px;
108 min-width: 26px; 108​ min-width: 26px;
109 padding: 0; 109​ padding: 0;
110 box-shadow: none; 110​ box-shadow: none;
111 background-image: none; 111​ background-image: none;
112 background-color: v_color(normal); 112​ background-color: gtk("@theme_base_color");
113 color: v_color(text); 113​ color: gtk("@theme_base_fg_color");
114 border-color: $border_color; 114​ border-color: gtk("@borders");
115 &:hover { color: v_color(hover);} 115​ &:hover { color: gtk("@theme_view_hover_decoration_color");}
116 &:active { color: v_color(active);} 116​ &:active { color: gtk("@theme_view_active_decoration_color");}
117 &:disabled { 117​ &:disabled {
118 color: insensitive(v_color(text)); 118​ color: gtk("@insensitive_base_fg_color");
119 background-color: insensitive(v_color(normal)); 119​ background-color: gtk("@insensitive_base_color");
120 border-color: insensitive($border_color); 120​ border-color: gtk("@insensitive_borders");
121 } 121​ }
122 &:backdrop:disabled { 122​ &:backdrop:disabled {
123 color: backdrop(insensitive(v_color(text))); 123​ color: gtk("@theme_unfocused_view_text_color");
124 background-color: backdrop(insensitive(v_color(normal))); 124​ background-color: gtk("@theme_unfocused_view_bg_color");
125 border-color: backdrop(insensitive($border_color)); 125​ border-color: gtk("@unfocused_insensitive_borders");
126 } 126​ }
127 127​
128 &.up { 128​ &.up {
129 @extend %top_button; 129​ @extend %top_button;
130 } 130​ }
131 131​
132 &.down { 132​ &.down {
133 @extend %bottom_button; 133​ @extend %bottom_button;
Show All 26 Lines