Differential D23451 Diff 64700 src/gtk3/widgets/_window_decorations.scss

Changeset View

Standalone View

View Options

src/gtk3/widgets/_window_decorations.scss

Show First 20 Lines • Show All 51 Lines • ▼ Show 20 Line(s)
52headerbar, 52​headerbar,
53.titlebar { 53​.titlebar {
54 &.default-decoration button.titlebutton { 54​ &.default-decoration button.titlebutton {
55 padding: 1px; 55​ padding: 1px;
56 min-height: 18px; 56​ min-height: 18px;
57 min-width: 18px; 57​ min-width: 18px;
58 margin: 0; 58​ margin: 0;
59 } 59​ }
60​ $titlebutton-size: 16px 16px;
60 button.titlebutton { 61​ button.titlebutton {
61 padding: 1px; 62​ padding: 1px;
62 &:hover, 63​ &:hover,
63 &:active, 64​ &:active,
64 &:checked, 65​ &:checked,
65 &:backdrop, 66​ &:backdrop,
66 &:active:hover { 67​ &:active:hover {
67 transition: none; 68​ transition: none;
68 } 69​ }
69 70​
70 &.close { 71​ &.close {
71 padding: 1px; 72​ padding: 1px;
72 color: transparent; ​
73 border-image: none; 73​ border-image: none;
74 box-shadow: none; 74​ box-shadow: none;
75 background-position: center; 75​ background-position: center;
76 background-repeat: no-repeat; 76​ background-repeat: no-repeat;
77 background-image: -gtk-scaled(url('../assets/titlebutton-close.png'),url('../assets/titlebutton-close@2.png')); 77​ background-size: $titlebutton-size;
78​ background-image: -gtk-recolor(url('../assets/breeze-close-symbolic.svg'), color gtk("@theme_text_color"));
79​ -gtk-icon-source: none;
80​ image {
81​ color: transparent;
82​ }
78 } 83​ }
79 &.close:hover { 84​ &.close:hover {
80 border-color: transparent; 85​ border-color: transparent;
81 background-color: transparent; 86​ background-color: transparent;
82 background-image: -gtk-scaled(url('../assets/titlebutton-close-hover.png'),url('../assets/titlebutton-close-hover@2.png')); 87​ background-image: -gtk-recolor(url('../assets/breeze-close-hover-symbolic.svg'));
83 } 88​ }
84 &.close:active { 89​ &.close:active {
85 border-color: transparent; 90​ border-color: transparent;
86 background-color: transparent; 91​ background-color: transparent;
87 background-image: -gtk-scaled(url('../assets/titlebutton-close-active.png'),url('../assets/titlebutton-close-active@2.png')); 92​ background-image: -gtk-recolor(url('../assets/breeze-close-active-symbolic.svg'));
88 } 93​ }
89 &.close:backdrop { 94​ &.close:backdrop {
90 border-color: transparent; 95​ border-color: transparent;
91 background-color: transparent; 96​ background-color: transparent;
92 background-image: -gtk-scaled(url('../assets/titlebutton-close-backdrop.png'),url('../assets/titlebutton-close-backdrop@2.png')); 97​ background-image: -gtk-recolor(url('../assets/breeze-close-symbolic.svg'));
93 } 98​ }
94 99​
95 &.maximize { 100​ &.maximize {
96 padding: 1px; 101​ padding: 1px;
97 color: transparent; ​
98 border-image: none; 102​ border-image: none;
99 box-shadow: none; 103​ box-shadow: none;
100 background-position: center; 104​ background-position: center;
101 background-repeat: no-repeat; 105​ background-repeat: no-repeat;
102 background-image: -gtk-scaled(url('../assets/titlebutton-maximize.png'),url('../assets/titlebutton-maximize@2.png')); 106​ background-size: $titlebutton-size;
107​ background-image: -gtk-recolor(url('../assets/breeze-maximize-symbolic.svg'));
108​ image {
109​ color: transparent;
110​ }
103 } 111​ }
104 &.maximize:hover { 112​ &.maximize:hover {
105 border-color: transparent; 113​ border-color: transparent;
106 background-color: transparent; 114​ background-color: transparent;
107 background-image: -gtk-scaled(url('../assets/titlebutton-maximize-hover.png'),url('../assets/titlebutton-maximize-hover@2.png')); 115​ background-size: contain;
116​ background-image: -gtk-recolor(url('../assets/breeze-maximize-hover-symbolic.svg'));
108 } 117​ }
109 &.maximize:active { 118​ &.maximize:active {
110 border-color: transparent; 119​ border-color: transparent;
111 background-color: transparent; 120​ background-color: transparent;
112 background-image: -gtk-scaled(url('../assets/titlebutton-maximize-active.png'),url('../assets/titlebutton-maximize-active@2.png')); 121​ background-image: -gtk-recolor(url('../assets/breeze-maximize-active-symbolic.svg'));
113 } 122​ }
114 &.maximize:backdrop { 123​ &.maximize:backdrop {
115 border-color: transparent; 124​ border-color: transparent;
116 background-color: transparent; 125​ background-color: transparent;
117 background-image: -gtk-scaled(url('../assets/titlebutton-maximize-backdrop.png'),url('../assets/titlebutton-maximize-backdrop@2.png')); 126​ background-image: -gtk-recolor(url('../assets/breeze-maximize-symbolic.svg'));
118 } 127​ }
119 128​
120 &.minimize { 129​ &.minimize {
121 padding: 1px; 130​ padding: 1px;
122 color: transparent; ​
123 border-image: none; 131​ border-image: none;
124 box-shadow: none; 132​ box-shadow: none;
125 background-position: center; 133​ background-position: center;
126 background-repeat: no-repeat; 134​ background-repeat: no-repeat;
127 background-image: -gtk-scaled(url('../assets/titlebutton-minimize.png'),url('../assets/titlebutton-minimize@2.png')); 135​ background-size: $titlebutton-size;
136​ background-image: -gtk-recolor(url('../assets/breeze-minimize-symbolic.svg'));
137​ image {
138​ color: transparent;
139​ }
128 } 140​ }
129 &.minimize:hover { 141​ &.minimize:hover {
130 border-color: transparent; 142​ border-color: transparent;
131 background-color: transparent; 143​ background-color: transparent;
132 background-image: -gtk-scaled(url('../assets/titlebutton-minimize-hover.png'),url('../assets/titlebutton-minimize-hover@2.png')); 144​ background-image: -gtk-recolor(url('../assets/breeze-minimize-hover-symbolic.svg'));
133 } 145​ }
134 &.minimize:active { 146​ &.minimize:active {
135 border-color: transparent; 147​ border-color: transparent;
136 background-color: transparent; 148​ background-color: transparent;
137 background-image: -gtk-scaled(url('../assets/titlebutton-minimize-active.png'),url('../assets/titlebutton-minimize-active@2.png')); 149​ background-image: -gtk-recolor(url('../assets/breeze-minimize-active-symbolic.svg'));
138 } 150​ }
139 &.minimize:backdrop { 151​ &.minimize:backdrop {
140 border-color: transparent; 152​ border-color: transparent;
141 background-color: transparent; 153​ background-color: transparent;
142 background-image: -gtk-scaled(url('../assets/titlebutton-minimize-backdrop.png'),url('../assets/titlebutton-minimize-backdrop@2.png')); 154​ background-image: -gtk-recolor(url('../assets/breeze-minimize-symbolic.svg'));
143 } 155​ }
144 } 156​ }
145 157​
146 .maximized & { 158​ .maximized & {
147 button.titlebutton { 159​ button.titlebutton {
148 &.maximize { 160​ &.maximize {
149 padding: 1px; 161​ padding: 1px;
150 color: transparent; ​
151 border-image: none; 162​ border-image: none;
152 box-shadow: none; 163​ box-shadow: none;
153 background-position: center; 164​ background-position: center;
165​ background-size: $titlebutton-size;
154 background-repeat: no-repeat; 166​ background-repeat: no-repeat;
155 background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized.png'),url('../assets/titlebutton-maximize-maximized@2.png')); 167​ background-image: -gtk-recolor(url('../assets/breeze-maximized-symbolic.svg'));
168​ image {
169​ color: transparent;
170​ }
156 } 171​ }
157 &.maximize:hover { 172​ &.maximize:hover {
158 border-color: transparent; 173​ border-color: transparent;
159 background-color: transparent; 174​ background-color: transparent;
160 background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized-hover.png'),url('../assets/titlebutton-maximize-maximized-hover@2.png')); 175​ background-image: -gtk-recolor(url('../assets/breeze-maximized-hover-symbolic.svg'));
161 } 176​ }
162 &.maximize:active { 177​ &.maximize:active {
163 border-color: transparent; 178​ border-color: transparent;
164 background-color: transparent; 179​ background-color: transparent;
165 background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized-active.png'),url('../assets/titlebutton-maximize-maximized-active@2.png')); 180​ background-image: -gtk-recolor(url('../assets/breeze-maximized-active-symbolic.svg'));
166 } 181​ }
167 &.maximize:backdrop { 182​ &.maximize:backdrop {
168 border-color: transparent; 183​ border-color: transparent;
169 background-color: transparent; 184​ background-color: transparent;
170 background-image: -gtk-scaled(url('../assets/titlebutton-maximize-maximized-backdrop.png'),url('../assets/titlebutton-maximize-maximized-backdrop@2.png')); 185​ background-image: -gtk-recolor(url('../assets/breeze-maximized-symbolic.svg'));
171 } 186​ }
172 } 187​ }
173 } 188​ }
174} 189​}
175 190​
176headerbar.selection-mode button.titlebutton, 191​headerbar.selection-mode button.titlebutton,
177.titlebar.selection-mode button.titlebutton { 192​.titlebar.selection-mode button.titlebutton {
178 text-shadow: none; 193​ text-shadow: none;
179 &:backdrop { -gtk-icon-shadow: none; } 194​ &:backdrop { -gtk-icon-shadow: none; }
180} 195​}