1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 | @mixin gl-border-none {
|
7 | border-style: none;
|
8 | }
|
9 |
|
10 | @mixin gl-border-t-none {
|
11 | border-top-style: none;
|
12 | }
|
13 |
|
14 | @mixin gl-border-solid {
|
15 | border-style: solid;
|
16 | }
|
17 |
|
18 | @mixin gl-border-t-solid($hover: true) {
|
19 | border-top-style: solid;
|
20 | }
|
21 |
|
22 | @mixin gl-border-t-double {
|
23 | border-top-style: double;
|
24 | }
|
25 |
|
26 | @mixin gl-border-r-solid {
|
27 | border-right-style: solid;
|
28 | }
|
29 |
|
30 | @mixin gl-border-b-solid($hover: true) {
|
31 | border-bottom-style: solid;
|
32 | }
|
33 |
|
34 | @mixin gl-border-b-initial {
|
35 | border-bottom-style: initial;
|
36 | }
|
37 |
|
38 | @mixin gl-border-l-solid {
|
39 | border-left-style: solid;
|
40 | }
|
41 |
|
42 | @mixin gl-border-l-none {
|
43 | border-left-style: none;
|
44 | }
|
45 |
|
46 | @mixin gl-border-r-none {
|
47 | border-right-style: none;
|
48 | }
|
49 |
|
50 |
|
51 |
|
52 |
|
53 |
|
54 |
|
55 |
|
56 |
|
57 |
|
58 | @mixin gl-border-white {
|
59 | border-color: $white;
|
60 | }
|
61 |
|
62 | @mixin gl-border-t-transparent {
|
63 | border-top-color: transparent;
|
64 | }
|
65 |
|
66 | @mixin gl-border-gray-50 {
|
67 | border-color: $gray-50;
|
68 | }
|
69 |
|
70 | @mixin gl-border-gray-100 {
|
71 | border-color: $gray-100;
|
72 | }
|
73 |
|
74 | @mixin gl-border-gray-200 {
|
75 | border-color: $gray-200;
|
76 | }
|
77 |
|
78 | @mixin gl-border-gray-300 {
|
79 | border-color: $gray-300;
|
80 | }
|
81 |
|
82 | @mixin gl-border-gray-400 {
|
83 | border-color: $gray-400;
|
84 | }
|
85 |
|
86 | @mixin gl-border-gray-500 {
|
87 | border-color: $gray-500;
|
88 | }
|
89 |
|
90 | @mixin gl-border-blue-200($hover: true) {
|
91 | border-color: $blue-200;
|
92 | }
|
93 |
|
94 | @mixin gl-border-blue-300 {
|
95 | border-color: $blue-300;
|
96 | }
|
97 |
|
98 | @mixin gl-border-blue-500 {
|
99 | border-color: $blue-500;
|
100 | }
|
101 |
|
102 | @mixin gl-border-blue-600 {
|
103 | border-color: $blue-600;
|
104 | }
|
105 |
|
106 | @mixin gl-border-blue-700 {
|
107 | border-color: $blue-700;
|
108 | }
|
109 |
|
110 | @mixin gl-border-gray-a-08 {
|
111 | border-color: $t-gray-a-08;
|
112 | }
|
113 |
|
114 | @mixin gl-border-gray-a-24 {
|
115 | border-color: $t-gray-a-24;
|
116 | }
|
117 |
|
118 | @mixin gl-border-t-gray-100 {
|
119 | border-top-color: $gray-100;
|
120 | }
|
121 |
|
122 | @mixin gl-border-t-gray-200 {
|
123 | border-top-color: $gray-200;
|
124 | }
|
125 |
|
126 | @mixin gl-border-r-gray-100 {
|
127 | border-right-color: $gray-100;
|
128 | }
|
129 |
|
130 | @mixin gl-border-r-gray-200 {
|
131 | border-right-color: $gray-200;
|
132 | }
|
133 |
|
134 | @mixin gl-border-b-gray-10 {
|
135 | border-bottom-color: $gray-10;
|
136 | }
|
137 |
|
138 | @mixin gl-border-b-gray-100 {
|
139 | border-bottom-color: $gray-100;
|
140 | }
|
141 |
|
142 | @mixin gl-border-b-gray-200 {
|
143 | border-bottom-color: $gray-200;
|
144 | }
|
145 |
|
146 | @mixin gl-border-l-gray-100 {
|
147 | border-left-color: $gray-100;
|
148 | }
|
149 |
|
150 | @mixin gl-border-l-gray-200 {
|
151 | border-left-color: $gray-200;
|
152 | }
|
153 |
|
154 | @mixin gl-border-l-gray-500 {
|
155 | border-left-color: $gray-500;
|
156 | }
|
157 |
|
158 | @mixin gl-border-t-blue-600 {
|
159 | border-top-color: $blue-600;
|
160 | }
|
161 |
|
162 | @mixin gl-border-r-blue-600 {
|
163 | border-right-color: $blue-600;
|
164 | }
|
165 |
|
166 | @mixin gl-border-b-blue-600 {
|
167 | border-bottom-color: $blue-600;
|
168 | }
|
169 |
|
170 | @mixin gl-border-l-blue-600 {
|
171 | border-left-color: $blue-600;
|
172 | }
|
173 |
|
174 |
|
175 |
|
176 |
|
177 |
|
178 |
|
179 |
|
180 |
|
181 | @mixin gl-border-0 {
|
182 | border-width: 0;
|
183 | }
|
184 |
|
185 | @mixin gl-border-t-0 {
|
186 | border-top-width: 0;
|
187 | }
|
188 |
|
189 | @mixin gl-border-b-0 {
|
190 | border-bottom-width: 0;
|
191 | }
|
192 |
|
193 | @mixin gl-border-l-0 {
|
194 | border-left-width: 0;
|
195 | }
|
196 |
|
197 | @mixin gl-border-r-0 {
|
198 | border-right-width: 0;
|
199 | }
|
200 |
|
201 | @mixin gl-border-1 {
|
202 | border-width: $gl-border-size-1;
|
203 | }
|
204 |
|
205 | @mixin gl-border-4 {
|
206 | border-width: $gl-border-size-4;
|
207 | }
|
208 |
|
209 | @mixin gl-border-8 {
|
210 | border-width: $gl-border-size-8;
|
211 | }
|
212 |
|
213 | @mixin gl-border-t-1 {
|
214 | border-top-width: $gl-border-size-1;
|
215 | }
|
216 |
|
217 | @mixin gl-border-b-1 {
|
218 | border-bottom-width: $gl-border-size-1;
|
219 | }
|
220 |
|
221 | @mixin gl-border-l-1 {
|
222 | border-left-width: $gl-border-size-1;
|
223 | }
|
224 |
|
225 | @mixin gl-border-r-1 {
|
226 | border-right-width: $gl-border-size-1;
|
227 | }
|
228 |
|
229 | @mixin gl-border-t-2 {
|
230 | border-top-width: $gl-border-size-2;
|
231 | }
|
232 |
|
233 | @mixin gl-border-b-2 {
|
234 | border-bottom-width: $gl-border-size-2;
|
235 | }
|
236 |
|
237 | @mixin gl-border-r-2 {
|
238 | border-right-width: $gl-border-size-2;
|
239 | }
|
240 |
|
241 |
|
242 |
|
243 |
|
244 |
|
245 |
|
246 |
|
247 |
|
248 | @mixin gl-rounded-0 {
|
249 | border-radius: 0;
|
250 | }
|
251 |
|
252 | @mixin gl-rounded-base($hover: true) {
|
253 | border-radius: $gl-border-radius-base;
|
254 | }
|
255 |
|
256 | @mixin gl-rounded-full {
|
257 | border-radius: $gl-border-radius-full;
|
258 | }
|
259 |
|
260 | @mixin gl-rounded-small {
|
261 | border-radius: $gl-border-radius-small;
|
262 | }
|
263 |
|
264 | @mixin gl-rounded-lg {
|
265 | border-radius: $gl-border-radius-large;
|
266 | }
|
267 |
|
268 | @mixin gl-rounded-6 {
|
269 | border-radius: $gl-border-radius-6;
|
270 | }
|
271 |
|
272 | @mixin gl-rounded-pill {
|
273 | border-radius: $gl-spacing-scale-4;
|
274 | }
|
275 |
|
276 | @mixin gl-rounded-top-left-base {
|
277 | border-top-left-radius: $gl-border-radius-base;
|
278 | }
|
279 |
|
280 | @mixin gl-rounded-top-left-none {
|
281 | border-top-left-radius: 0;
|
282 | }
|
283 |
|
284 | @mixin gl-rounded-top-right-base {
|
285 | border-top-right-radius: $gl-border-radius-base;
|
286 | }
|
287 |
|
288 | @mixin gl-rounded-top-right-none {
|
289 | border-top-right-radius: 0;
|
290 | }
|
291 |
|
292 | @mixin gl-rounded-top-base {
|
293 | border-top-left-radius: $gl-border-radius-base;
|
294 | border-top-right-radius: $gl-border-radius-base;
|
295 | }
|
296 |
|
297 | @mixin gl-rounded-bottom-left-base {
|
298 | border-bottom-left-radius: $gl-border-radius-base;
|
299 | }
|
300 |
|
301 | @mixin gl-rounded-bottom-left-none {
|
302 | border-bottom-left-radius: 0;
|
303 | }
|
304 |
|
305 | @mixin gl-rounded-bottom-right-base {
|
306 | border-bottom-right-radius: $gl-border-radius-base;
|
307 | }
|
308 |
|
309 | @mixin gl-rounded-bottom-right-none {
|
310 | border-bottom-right-radius: 0;
|
311 | }
|
312 |
|
313 | @mixin gl-rounded-top-left-small {
|
314 | border-top-left-radius: $gl-border-radius-small;
|
315 | }
|
316 |
|
317 | @mixin gl-rounded-top-right-small {
|
318 | border-top-right-radius: $gl-border-radius-small;
|
319 | }
|
320 |
|
321 | @mixin gl-rounded-bottom-left-small {
|
322 | border-bottom-left-radius: $gl-border-radius-small;
|
323 | }
|
324 |
|
325 | @mixin gl-rounded-bottom-right-small {
|
326 | border-bottom-right-radius: $gl-border-radius-small;
|
327 | }
|
328 |
|
329 | @mixin gl-rounded-bottom-left-6 {
|
330 | border-bottom-left-radius: $gl-border-radius-6;
|
331 | }
|
332 |
|
333 | @mixin gl-rounded-bottom-right-6 {
|
334 | border-bottom-right-radius: $gl-border-radius-6;
|
335 | }
|
336 |
|
337 | @mixin gl-rounded-top-left-6 {
|
338 | border-top-left-radius: $gl-border-radius-6;
|
339 | }
|
340 |
|
341 | @mixin gl-rounded-top-right-6 {
|
342 | border-top-right-radius: $gl-border-radius-6;
|
343 | }
|