UNPKG

161 kBSCSSView Raw
1/* auto-inject-scss-lib */
2.gl-sr-only {
3 border: 0;
4 clip: rect(0, 0, 0, 0);
5 height: 1px;
6 margin: -1px;
7 overflow: hidden;
8 padding: 0;
9 position: absolute;
10 white-space: nowrap;
11 width: 1px;
12}
13
14.gl-sr-only\! {
15 border: 0 !important;
16 clip: rect(0, 0, 0, 0) !important;
17 height: 1px !important;
18 margin: -1px !important;
19 overflow: hidden !important;
20 padding: 0 !important;
21 position: absolute !important;
22 white-space: nowrap !important;
23 width: 1px !important;
24}
25
26.gl-sr-only-focusable {
27 &:not(:focus) {
28 border: 0;
29 clip: rect(0, 0, 0, 0);
30 height: 1px;
31 margin: -1px;
32 overflow: hidden;
33 padding: 0;
34 position: absolute;
35 white-space: nowrap;
36 width: 1px;
37 }
38}
39
40.gl-sr-only-focusable\! {
41 &:not(:focus) {
42 border: 0 !important;
43 clip: rect(0, 0, 0, 0) !important;
44 height: 1px !important;
45 margin: -1px !important;
46 overflow: hidden !important;
47 padding: 0 !important;
48 position: absolute !important;
49 white-space: nowrap !important;
50 width: 1px !important;
51 }
52}
53@keyframes gl-spinner-rotate {
54 0% {
55 transform: rotate(0);
56 }
57
58 100% {
59 transform: rotate(360deg);
60 }
61}
62
63$gl-animate-skeleton-loader-max-width: 64 * $grid-size;
64
65@keyframes gl-keyframes-skeleton-loader {
66
67 0% {
68 background-position-x: -$gl-animate-skeleton-loader-max-width;
69 }
70
71 100% {
72 background-position-x: $gl-animate-skeleton-loader-max-width;
73 }
74}
75
76.gl-spin {
77 animation: gl-spinner-rotate 2s infinite linear;
78}
79
80.gl-spin\! {
81 animation: gl-spinner-rotate 2s infinite linear !important;
82}
83
84.gl-animate-skeleton-loader {
85 $max-width: $gl-animate-skeleton-loader-max-width;
86
87 overflow: hidden;
88 max-width: $max-width;
89 background-size: $max-width 100%;
90 background-position: -$max-width 0;
91 background-color: $gray-100;
92 background-image: linear-gradient(to right,
93 $gray-100 0,
94 $gray-50 23%,
95 $gray-50 27%,
96 $gray-100 50%);
97 background-repeat: no-repeat;
98 @media (prefers-reduced-motion: no-preference) {
99 animation: gl-keyframes-skeleton-loader 2.5s linear;
100 animation-delay: inherit;
101 animation-iteration-count: 3;
102 }
103}
104
105.gl-animate-skeleton-loader\! {
106 $max-width: $gl-animate-skeleton-loader-max-width !important;
107
108 overflow: hidden !important;
109 max-width: $max-width !important;
110 background-size: $max-width 100% !important;
111 background-position: -$max-width 0 !important;
112 background-color: $gray-100 !important;
113 background-image: linear-gradient(to right,
114 $gray-100 0,
115 $gray-50 23%,
116 $gray-50 27%,
117 $gray-100 50%) !important;
118 background-repeat: no-repeat !important;
119 @media (prefers-reduced-motion: no-preference) {
120 animation: gl-keyframes-skeleton-loader 2.5s linear !important;
121 animation-delay: inherit !important;
122 animation-iteration-count: 3 !important;
123 }
124}
125.gl-bg-transparent {
126 background-color: transparent
127}
128
129.gl-hover-bg-transparent:hover {
130 background-color: transparent
131}
132
133.gl-bg-transparent\! {
134 background-color: transparent !important
135}
136
137.gl-hover-bg-transparent\!:hover {
138 background-color: transparent !important
139}
140
141.gl-bg-current-color {
142 background-color: currentColor
143}
144
145.gl-bg-current-color\! {
146 background-color: currentColor !important
147}
148
149.gl-bg-white {
150 background-color: $white
151}
152
153.gl-bg-white\! {
154 background-color: $white !important
155}
156
157.gl-bg-black {
158 background-color: $black
159}
160
161.gl-bg-black\! {
162 background-color: $black !important
163}
164
165.gl-reset-bg {
166 background-color: inherit
167}
168
169.gl-reset-bg\! {
170 background-color: inherit !important
171}
172
173.gl-bg-gray-10 {
174 background-color: $gray-10
175}
176
177.gl-bg-gray-10\! {
178 background-color: $gray-10 !important
179}
180
181.gl-bg-gray-50 {
182 background-color: $gray-50
183}
184
185.gl-active-bg-gray-50:active {
186 background-color: $gray-50
187}
188
189.gl-focus-bg-gray-50:focus {
190 background-color: $gray-50
191}
192
193.gl-hover-bg-gray-50:hover {
194 background-color: $gray-50
195}
196
197.gl-bg-gray-50\! {
198 background-color: $gray-50 !important
199}
200
201.gl-active-bg-gray-50\!:active {
202 background-color: $gray-50 !important
203}
204
205.gl-focus-bg-gray-50\!:focus {
206 background-color: $gray-50 !important
207}
208
209.gl-hover-bg-gray-50\!:hover {
210 background-color: $gray-50 !important
211}
212
213.gl-bg-gray-100 {
214 background-color: $gray-100
215}
216
217.gl-bg-gray-100\! {
218 background-color: $gray-100 !important
219}
220
221.gl-bg-gray-200 {
222 background-color: $gray-200
223}
224
225.gl-bg-gray-200\! {
226 background-color: $gray-200 !important
227}
228
229.gl-bg-gray-300 {
230 background-color: $gray-300
231}
232
233.gl-bg-gray-300\! {
234 background-color: $gray-300 !important
235}
236
237.gl-bg-gray-400 {
238 background-color: $gray-400
239}
240
241.gl-bg-gray-400\! {
242 background-color: $gray-400 !important
243}
244
245.gl-bg-gray-500 {
246 background-color: $gray-500
247}
248
249.gl-bg-gray-500\! {
250 background-color: $gray-500 !important
251}
252
253.gl-bg-gray-600 {
254 background-color: $gray-600
255}
256
257.gl-bg-gray-600\! {
258 background-color: $gray-600 !important
259}
260
261.gl-bg-gray-700 {
262 background-color: $gray-700
263}
264
265.gl-bg-gray-700\! {
266 background-color: $gray-700 !important
267}
268
269.gl-bg-gray-900 {
270 background-color: $gray-900
271}
272
273.gl-bg-gray-900\! {
274 background-color: $gray-900 !important
275}
276
277.gl-bg-gray-950 {
278 background-color: $gray-950
279}
280
281.gl-bg-gray-950\! {
282 background-color: $gray-950 !important
283}
284
285.gl-bg-blue-50 {
286 background-color: $blue-50
287}
288
289.gl-hover-bg-blue-50:hover {
290 background-color: $blue-50
291}
292
293.gl-bg-blue-50\! {
294 background-color: $blue-50 !important
295}
296
297.gl-hover-bg-blue-50\!:hover {
298 background-color: $blue-50 !important
299}
300
301.gl-bg-blue-100 {
302 background-color: $blue-100
303}
304
305.gl-bg-blue-100\! {
306 background-color: $blue-100 !important
307}
308
309.gl-bg-blue-200 {
310 background-color: $blue-200
311}
312
313.gl-bg-blue-200\! {
314 background-color: $blue-200 !important
315}
316
317.gl-bg-blue-500 {
318 background-color: $blue-500
319}
320
321.gl-bg-blue-500\! {
322 background-color: $blue-500 !important
323}
324
325.gl-bg-blue-600 {
326 background-color: $blue-600
327}
328
329.gl-bg-blue-600\! {
330 background-color: $blue-600 !important
331}
332
333.gl-bg-blue-700 {
334 background-color: $blue-700
335}
336
337.gl-bg-blue-700\! {
338 background-color: $blue-700 !important
339}
340
341.gl-bg-green-50 {
342 background-color: $green-50
343}
344
345.gl-bg-green-50\! {
346 background-color: $green-50 !important
347}
348
349.gl-bg-green-100 {
350 background-color: $green-100
351}
352
353.gl-bg-green-100\! {
354 background-color: $green-100 !important
355}
356
357.gl-bg-green-200 {
358 background-color: $green-200
359}
360
361.gl-bg-green-200\! {
362 background-color: $green-200 !important
363}
364
365.gl-bg-green-500 {
366 background-color: $green-500
367}
368
369.gl-bg-green-500\! {
370 background-color: $green-500 !important
371}
372
373.gl-bg-green-600 {
374 background-color: $green-600
375}
376
377.gl-bg-green-600\! {
378 background-color: $green-600 !important
379}
380
381.gl-bg-green-700 {
382 background-color: $green-700
383}
384
385.gl-bg-green-700\! {
386 background-color: $green-700 !important
387}
388
389.gl-bg-theme-green-100 {
390 background-color: $theme-green-100
391}
392
393.gl-bg-theme-green-100\! {
394 background-color: $theme-green-100 !important
395}
396
397.gl-bg-orange-50 {
398 background-color: $orange-50
399}
400
401.gl-bg-orange-50\! {
402 background-color: $orange-50 !important
403}
404
405.gl-bg-orange-100 {
406 background-color: $orange-100
407}
408
409.gl-bg-orange-100\! {
410 background-color: $orange-100 !important
411}
412
413.gl-bg-orange-200 {
414 background-color: $orange-200
415}
416
417.gl-bg-orange-200\! {
418 background-color: $orange-200 !important
419}
420
421.gl-bg-orange-500 {
422 background-color: $orange-500
423}
424
425.gl-bg-orange-500\! {
426 background-color: $orange-500 !important
427}
428
429.gl-bg-orange-600 {
430 background-color: $orange-600
431}
432
433.gl-bg-orange-600\! {
434 background-color: $orange-600 !important
435}
436
437.gl-bg-orange-700 {
438 background-color: $orange-700
439}
440
441.gl-bg-orange-700\! {
442 background-color: $orange-700 !important
443}
444
445.gl-bg-purple-50 {
446 background-color: $purple-50
447}
448
449.gl-bg-purple-50\! {
450 background-color: $purple-50 !important
451}
452
453.gl-bg-purple-500 {
454 background-color: $purple-500
455}
456
457.gl-bg-purple-500\! {
458 background-color: $purple-500 !important
459}
460
461.gl-bg-purple-800 {
462 background-color: $purple-800
463}
464
465.gl-bg-purple-800\! {
466 background-color: $purple-800 !important
467}
468
469.gl-bg-red-50 {
470 background-color: $red-50
471}
472
473.gl-bg-red-50\! {
474 background-color: $red-50 !important
475}
476
477.gl-bg-red-100 {
478 background-color: $red-100
479}
480
481.gl-bg-red-100\! {
482 background-color: $red-100 !important
483}
484
485.gl-bg-red-200 {
486 background-color: $red-200
487}
488
489.gl-bg-red-200\! {
490 background-color: $red-200 !important
491}
492
493.gl-bg-red-500 {
494 background-color: $red-500
495}
496
497.gl-bg-red-500\! {
498 background-color: $red-500 !important
499}
500
501.gl-bg-red-600 {
502 background-color: $red-600
503}
504
505.gl-bg-red-600\! {
506 background-color: $red-600 !important
507}
508
509.gl-bg-red-700 {
510 background-color: $red-700
511}
512
513.gl-bg-red-700\! {
514 background-color: $red-700 !important
515}
516
517.gl-bg-t-gray-a-08 {
518 background-color: $t-gray-a-08
519}
520
521.gl-hover-bg-t-gray-a-08:hover {
522 background-color: $t-gray-a-08
523}
524
525.gl-focus-bg-t-gray-a-08:focus {
526 background-color: $t-gray-a-08
527}
528
529.gl-active-bg-t-gray-a-08:active {
530 background-color: $t-gray-a-08
531}
532
533.gl-bg-t-gray-a-08\! {
534 background-color: $t-gray-a-08 !important
535}
536
537.gl-hover-bg-t-gray-a-08\!:hover {
538 background-color: $t-gray-a-08 !important
539}
540
541.gl-focus-bg-t-gray-a-08\!:focus {
542 background-color: $t-gray-a-08 !important
543}
544
545.gl-active-bg-t-gray-a-08\!:active {
546 background-color: $t-gray-a-08 !important
547}
548
549.gl-bg-theme-indigo-50 {
550 background-color: $theme-indigo-50
551}
552
553.gl-bg-theme-indigo-50\! {
554 background-color: $theme-indigo-50 !important
555}
556
557.gl-bg-theme-indigo-500 {
558 background-color: $theme-indigo-500
559}
560
561.gl-bg-theme-indigo-500\! {
562 background-color: $theme-indigo-500 !important
563}
564
565.gl-bg-theme-indigo-700 {
566 background-color: $theme-indigo-700
567}
568
569.gl-bg-theme-indigo-700\! {
570 background-color: $theme-indigo-700 !important
571}
572
573.gl-bg-theme-indigo-900 {
574 background-color: $theme-indigo-900
575}
576
577.gl-bg-theme-indigo-900\! {
578 background-color: $theme-indigo-900 !important
579}
580
581.gl-bg-theme-blue-500 {
582 background-color: $theme-blue-500
583}
584
585.gl-bg-theme-blue-500\! {
586 background-color: $theme-blue-500 !important
587}
588
589.gl-bg-theme-blue-700 {
590 background-color: $theme-blue-700
591}
592
593.gl-bg-theme-blue-700\! {
594 background-color: $theme-blue-700 !important
595}
596
597.gl-bg-theme-blue-900 {
598 background-color: $theme-blue-900
599}
600
601.gl-bg-theme-blue-900\! {
602 background-color: $theme-blue-900 !important
603}
604
605.gl-bg-theme-green-500 {
606 background-color: $theme-green-500
607}
608
609.gl-bg-theme-green-500\! {
610 background-color: $theme-green-500 !important
611}
612
613.gl-bg-theme-green-700 {
614 background-color: $theme-green-700
615}
616
617.gl-bg-theme-green-700\! {
618 background-color: $theme-green-700 !important
619}
620
621.gl-bg-theme-green-900 {
622 background-color: $theme-green-900
623}
624
625.gl-bg-theme-green-900\! {
626 background-color: $theme-green-900 !important
627}
628
629.gl-bg-theme-red-500 {
630 background-color: $theme-red-500
631}
632
633.gl-bg-theme-red-500\! {
634 background-color: $theme-red-500 !important
635}
636
637.gl-bg-theme-red-700 {
638 background-color: $theme-red-700
639}
640
641.gl-bg-theme-red-700\! {
642 background-color: $theme-red-700 !important
643}
644
645.gl-bg-theme-red-900 {
646 background-color: $theme-red-900
647}
648
649.gl-bg-theme-red-900\! {
650 background-color: $theme-red-900 !important
651}
652
653.gl-bg-data-viz-blue-500 {
654 background-color: $data-viz-blue-500
655}
656
657.gl-bg-data-viz-blue-500\! {
658 background-color: $data-viz-blue-500 !important
659}
660
661.gl-bg-data-viz-blue-600 {
662 background-color: $data-viz-blue-600
663}
664
665.gl-bg-data-viz-blue-600\! {
666 background-color: $data-viz-blue-600 !important
667}
668
669.gl-bg-data-viz-blue-700 {
670 background-color: $data-viz-blue-700
671}
672
673.gl-bg-data-viz-blue-700\! {
674 background-color: $data-viz-blue-700 !important
675}
676
677.gl-bg-data-viz-blue-800 {
678 background-color: $data-viz-blue-800
679}
680
681.gl-bg-data-viz-blue-800\! {
682 background-color: $data-viz-blue-800 !important
683}
684
685.gl-bg-data-viz-blue-900 {
686 background-color: $data-viz-blue-900
687}
688
689.gl-bg-data-viz-blue-900\! {
690 background-color: $data-viz-blue-900 !important
691}
692
693.gl-bg-data-viz-blue-950 {
694 background-color: $data-viz-blue-950
695}
696
697.gl-bg-data-viz-blue-950\! {
698 background-color: $data-viz-blue-950 !important
699}
700
701.gl-bg-data-viz-orange-500 {
702 background-color: $data-viz-orange-500
703}
704
705.gl-bg-data-viz-orange-500\! {
706 background-color: $data-viz-orange-500 !important
707}
708
709.gl-bg-data-viz-orange-600 {
710 background-color: $data-viz-orange-600
711}
712
713.gl-bg-data-viz-orange-600\! {
714 background-color: $data-viz-orange-600 !important
715}
716
717.gl-bg-data-viz-orange-700 {
718 background-color: $data-viz-orange-700
719}
720
721.gl-bg-data-viz-orange-700\! {
722 background-color: $data-viz-orange-700 !important
723}
724
725.gl-bg-data-viz-orange-800 {
726 background-color: $data-viz-orange-800
727}
728
729.gl-bg-data-viz-orange-800\! {
730 background-color: $data-viz-orange-800 !important
731}
732
733.gl-bg-data-viz-orange-900 {
734 background-color: $data-viz-orange-900
735}
736
737.gl-bg-data-viz-orange-900\! {
738 background-color: $data-viz-orange-900 !important
739}
740
741.gl-bg-data-viz-orange-950 {
742 background-color: $data-viz-orange-950
743}
744
745.gl-bg-data-viz-orange-950\! {
746 background-color: $data-viz-orange-950 !important
747}
748
749.gl-bg-data-viz-aqua-500 {
750 background-color: $data-viz-aqua-500
751}
752
753.gl-bg-data-viz-aqua-500\! {
754 background-color: $data-viz-aqua-500 !important
755}
756
757.gl-bg-data-viz-aqua-600 {
758 background-color: $data-viz-aqua-600
759}
760
761.gl-bg-data-viz-aqua-600\! {
762 background-color: $data-viz-aqua-600 !important
763}
764
765.gl-bg-data-viz-aqua-700 {
766 background-color: $data-viz-aqua-700
767}
768
769.gl-bg-data-viz-aqua-700\! {
770 background-color: $data-viz-aqua-700 !important
771}
772
773.gl-bg-data-viz-aqua-800 {
774 background-color: $data-viz-aqua-800
775}
776
777.gl-bg-data-viz-aqua-800\! {
778 background-color: $data-viz-aqua-800 !important
779}
780
781.gl-bg-data-viz-aqua-900 {
782 background-color: $data-viz-aqua-900
783}
784
785.gl-bg-data-viz-aqua-900\! {
786 background-color: $data-viz-aqua-900 !important
787}
788
789.gl-bg-data-viz-aqua-950 {
790 background-color: $data-viz-aqua-950
791}
792
793.gl-bg-data-viz-aqua-950\! {
794 background-color: $data-viz-aqua-950 !important
795}
796
797.gl-bg-data-viz-green-500 {
798 background-color: $data-viz-green-500
799}
800
801.gl-bg-data-viz-green-500\! {
802 background-color: $data-viz-green-500 !important
803}
804
805.gl-bg-data-viz-green-600 {
806 background-color: $data-viz-green-600
807}
808
809.gl-bg-data-viz-green-600\! {
810 background-color: $data-viz-green-600 !important
811}
812
813.gl-bg-data-viz-green-700 {
814 background-color: $data-viz-green-700
815}
816
817.gl-bg-data-viz-green-700\! {
818 background-color: $data-viz-green-700 !important
819}
820
821.gl-bg-data-viz-green-800 {
822 background-color: $data-viz-green-800
823}
824
825.gl-bg-data-viz-green-800\! {
826 background-color: $data-viz-green-800 !important
827}
828
829.gl-bg-data-viz-green-900 {
830 background-color: $data-viz-green-900
831}
832
833.gl-bg-data-viz-green-900\! {
834 background-color: $data-viz-green-900 !important
835}
836
837.gl-bg-data-viz-green-950 {
838 background-color: $data-viz-green-950
839}
840
841.gl-bg-data-viz-green-950\! {
842 background-color: $data-viz-green-950 !important
843}
844
845.gl-bg-data-viz-magenta-500 {
846 background-color: $data-viz-magenta-500
847}
848
849.gl-bg-data-viz-magenta-500\! {
850 background-color: $data-viz-magenta-500 !important
851}
852
853.gl-bg-data-viz-magenta-600 {
854 background-color: $data-viz-magenta-600
855}
856
857.gl-bg-data-viz-magenta-600\! {
858 background-color: $data-viz-magenta-600 !important
859}
860
861.gl-bg-data-viz-magenta-700 {
862 background-color: $data-viz-magenta-700
863}
864
865.gl-bg-data-viz-magenta-700\! {
866 background-color: $data-viz-magenta-700 !important
867}
868
869.gl-bg-data-viz-magenta-800 {
870 background-color: $data-viz-magenta-800
871}
872
873.gl-bg-data-viz-magenta-800\! {
874 background-color: $data-viz-magenta-800 !important
875}
876
877.gl-bg-data-viz-magenta-900 {
878 background-color: $data-viz-magenta-900
879}
880
881.gl-bg-data-viz-magenta-900\! {
882 background-color: $data-viz-magenta-900 !important
883}
884
885.gl-bg-data-viz-magenta-950 {
886 background-color: $data-viz-magenta-950
887}
888
889.gl-bg-data-viz-magenta-950\! {
890 background-color: $data-viz-magenta-950 !important
891}
892
893.gl-bg-none {
894 background: none
895}
896
897.gl-bg-none\! {
898 background: none !important
899}
900
901.gl-bg-center {
902 background-position: center
903}
904
905.gl-bg-center\! {
906 background-position: center !important
907}
908
909.gl-bg-size-100p {
910 background-size: 100% 100%
911}
912
913.gl-bg-size-100p\! {
914 background-size: 100% 100% !important
915}
916
917.gl-bg-size-cover {
918 background-size: cover
919}
920
921.gl-bg-size-cover\! {
922 background-size: cover !important
923}
924
925.gl-bg-no-repeat {
926 background-repeat: no-repeat
927}
928
929.gl-bg-no-repeat\! {
930 background-repeat: no-repeat !important
931}
932
933.gl-bg-chevron-left {
934 background-image: url('#{$gl-icon-chevron-left}')
935}
936
937.gl-bg-chevron-left\! {
938 background-image: url('#{$gl-icon-chevron-left}') !important
939}
940
941.gl-bg-chevron-right {
942 background-image: url('#{$gl-icon-chevron-right}')
943}
944
945.gl-bg-chevron-right\! {
946 background-image: url('#{$gl-icon-chevron-right}') !important
947}
948
949.gl-bg-chevron-down {
950 background-image: url('#{$gl-icon-chevron-down}')
951}
952
953.gl-bg-chevron-down\! {
954 background-image: url('#{$gl-icon-chevron-down}') !important
955}
956
957.gl-backdrop-filter-blur-1 {
958 backdrop-filter: blur($gl-spacing-scale-1)
959}
960
961.gl-backdrop-filter-blur-1\! {
962 backdrop-filter: blur($gl-spacing-scale-1) !important
963}
964.gl-border {
965 border: solid $gl-border-size-1 $border-color;
966}
967
968.gl-border\! {
969 border: solid $gl-border-size-1 $border-color !important;
970}
971
972.gl-border-t {
973 border-top: solid $gl-border-size-1 $border-color;
974}
975
976.gl-border-t\! {
977 border-top: solid $gl-border-size-1 $border-color !important;
978}
979
980.gl-border-b {
981 border-bottom: solid $gl-border-size-1 $border-color;
982}
983
984.gl-border-b\! {
985 border-bottom: solid $gl-border-size-1 $border-color !important;
986}
987
988.gl-border-l {
989 border-left: solid $gl-border-size-1 $border-color;
990}
991
992.gl-border-l\! {
993 border-left: solid $gl-border-size-1 $border-color !important;
994}
995
996.gl-border-r {
997 border-right: solid $gl-border-size-1 $border-color;
998}
999
1000.gl-border-r\! {
1001 border-right: solid $gl-border-size-1 $border-color !important;
1002}
1003
1004.gl-border-none {
1005 border-style: none;
1006}
1007
1008.gl-border-none\! {
1009 border-style: none !important;
1010}
1011
1012.gl-border-t-none {
1013 border-top-style: none;
1014}
1015
1016.gl-border-t-none\! {
1017 border-top-style: none !important;
1018}
1019
1020.gl-border-solid {
1021 border-style: solid;
1022}
1023
1024.gl-border-solid\! {
1025 border-style: solid !important;
1026}
1027
1028.gl-border-dashed {
1029 border-style: dashed;
1030}
1031
1032.gl-hover-border-dashed:hover {
1033 border-style: dashed;
1034}
1035
1036.gl-border-dashed\! {
1037 border-style: dashed !important;
1038}
1039
1040.gl-hover-border-dashed\!:hover {
1041 border-style: dashed !important;
1042}
1043
1044.gl-border-dotted {
1045 border-style: dotted;
1046}
1047
1048.gl-hover-border-dotted:hover {
1049 border-style: dotted;
1050}
1051
1052.gl-border-dotted\! {
1053 border-style: dotted !important;
1054}
1055
1056.gl-hover-border-dotted\!:hover {
1057 border-style: dotted !important;
1058}
1059
1060.gl-border-t-solid {
1061 border-top-style: solid;
1062}
1063
1064.gl-hover-border-t-solid:hover {
1065 border-top-style: solid;
1066}
1067
1068.gl-border-t-solid\! {
1069 border-top-style: solid !important;
1070}
1071
1072.gl-hover-border-t-solid\!:hover {
1073 border-top-style: solid !important;
1074}
1075
1076.gl-border-t-double {
1077 border-top-style: double;
1078}
1079
1080.gl-border-t-double\! {
1081 border-top-style: double !important;
1082}
1083
1084.gl-border-r-solid {
1085 border-right-style: solid;
1086}
1087
1088.gl-border-r-solid\! {
1089 border-right-style: solid !important;
1090}
1091
1092.gl-border-b-solid {
1093 border-bottom-style: solid;
1094}
1095
1096.gl-hover-border-b-solid:hover {
1097 border-bottom-style: solid;
1098}
1099
1100.gl-border-b-solid\! {
1101 border-bottom-style: solid !important;
1102}
1103
1104.gl-hover-border-b-solid\!:hover {
1105 border-bottom-style: solid !important;
1106}
1107
1108.gl-border-b-initial {
1109 border-bottom-style: initial;
1110}
1111
1112.gl-border-b-initial\! {
1113 border-bottom-style: initial !important;
1114}
1115
1116.gl-border-l-solid {
1117 border-left-style: solid;
1118}
1119
1120.gl-border-l-solid\! {
1121 border-left-style: solid !important;
1122}
1123
1124.gl-border-l-none {
1125 border-left-style: none;
1126}
1127
1128.gl-border-l-none\! {
1129 border-left-style: none !important;
1130}
1131
1132.gl-border-r-none {
1133 border-right-style: none;
1134}
1135
1136.gl-border-r-none\! {
1137 border-right-style: none !important;
1138}
1139
1140.gl-md-border-l-solid {
1141 @include gl-media-breakpoint-up(md) {
1142 border-left-style: solid;
1143 }
1144}
1145
1146.gl-md-border-l-solid\! {
1147 @include gl-media-breakpoint-up(md) {
1148 border-left-style: solid !important;
1149 }
1150}
1151
1152.gl-border-white {
1153 border-color: $white;
1154}
1155
1156.gl-border-white\! {
1157 border-color: $white !important;
1158}
1159
1160.gl-border-transparent {
1161 border-color: transparent;
1162}
1163
1164.gl-border-transparent\! {
1165 border-color: transparent !important;
1166}
1167
1168.gl-border-t-transparent {
1169 border-top-color: transparent;
1170}
1171
1172.gl-border-t-transparent\! {
1173 border-top-color: transparent !important;
1174}
1175
1176.gl-border-r-transparent {
1177 border-right-color: transparent;
1178}
1179
1180.gl-border-r-transparent\! {
1181 border-right-color: transparent !important;
1182}
1183
1184.gl-border-b-transparent {
1185 border-bottom-color: transparent;
1186}
1187
1188.gl-border-b-transparent\! {
1189 border-bottom-color: transparent !important;
1190}
1191
1192.gl-border-l-transparent {
1193 border-left-color: transparent;
1194}
1195
1196.gl-border-l-transparent\! {
1197 border-left-color: transparent !important;
1198}
1199
1200.gl-border-gray-10 {
1201 border-color: $gray-10;
1202}
1203
1204.gl-border-gray-10\! {
1205 border-color: $gray-10 !important;
1206}
1207
1208.gl-border-gray-50 {
1209 border-color: $gray-50;
1210}
1211
1212.gl-border-gray-50\! {
1213 border-color: $gray-50 !important;
1214}
1215
1216.gl-border-gray-100 {
1217 border-color: $gray-100;
1218}
1219
1220.gl-hover-border-gray-100:hover {
1221 border-color: $gray-100;
1222}
1223
1224.gl-border-gray-100\! {
1225 border-color: $gray-100 !important;
1226}
1227
1228.gl-hover-border-gray-100\!:hover {
1229 border-color: $gray-100 !important;
1230}
1231
1232.gl-border-gray-200 {
1233 border-color: $gray-200;
1234}
1235
1236.gl-active-border-gray-200:active {
1237 border-color: $gray-200;
1238}
1239
1240.gl-focus-border-gray-200:focus {
1241 border-color: $gray-200;
1242}
1243
1244.gl-hover-border-gray-200:hover {
1245 border-color: $gray-200;
1246}
1247
1248.gl-border-gray-200\! {
1249 border-color: $gray-200 !important;
1250}
1251
1252.gl-active-border-gray-200\!:active {
1253 border-color: $gray-200 !important;
1254}
1255
1256.gl-focus-border-gray-200\!:focus {
1257 border-color: $gray-200 !important;
1258}
1259
1260.gl-hover-border-gray-200\!:hover {
1261 border-color: $gray-200 !important;
1262}
1263
1264.gl-border-gray-300 {
1265 border-color: $gray-300;
1266}
1267
1268.gl-border-gray-300\! {
1269 border-color: $gray-300 !important;
1270}
1271
1272.gl-border-gray-400 {
1273 border-color: $gray-400;
1274}
1275
1276.gl-border-gray-400\! {
1277 border-color: $gray-400 !important;
1278}
1279
1280.gl-border-gray-500 {
1281 border-color: $gray-500;
1282}
1283
1284.gl-border-gray-500\! {
1285 border-color: $gray-500 !important;
1286}
1287
1288.gl-border-red-500 {
1289 border-color: $red-500;
1290}
1291
1292.gl-border-red-500\! {
1293 border-color: $red-500 !important;
1294}
1295
1296.gl-border-orange-500 {
1297 border-color: $orange-500;
1298}
1299
1300.gl-border-orange-500\! {
1301 border-color: $orange-500 !important;
1302}
1303
1304.gl-border-green-500 {
1305 border-color: $green-500;
1306}
1307
1308.gl-border-green-500\! {
1309 border-color: $green-500 !important;
1310}
1311
1312.gl-border-blue-200 {
1313 border-color: $blue-200;
1314}
1315
1316.gl-hover-border-blue-200:hover {
1317 border-color: $blue-200;
1318}
1319
1320.gl-border-blue-200\! {
1321 border-color: $blue-200 !important;
1322}
1323
1324.gl-hover-border-blue-200\!:hover {
1325 border-color: $blue-200 !important;
1326}
1327
1328.gl-border-blue-300 {
1329 border-color: $blue-300;
1330}
1331
1332.gl-border-blue-300\! {
1333 border-color: $blue-300 !important;
1334}
1335
1336.gl-border-blue-500 {
1337 border-color: $blue-500;
1338}
1339
1340.gl-border-blue-500\! {
1341 border-color: $blue-500 !important;
1342}
1343
1344.gl-border-blue-600 {
1345 border-color: $blue-600;
1346}
1347
1348.gl-border-blue-600\! {
1349 border-color: $blue-600 !important;
1350}
1351
1352.gl-border-blue-700 {
1353 border-color: $blue-700;
1354}
1355
1356.gl-border-blue-700\! {
1357 border-color: $blue-700 !important;
1358}
1359
1360.gl-border-purple-300 {
1361 border-color: $purple-300;
1362}
1363
1364.gl-border-purple-300\! {
1365 border-color: $purple-300 !important;
1366}
1367
1368.gl-border-purple-500 {
1369 border-color: $purple-500;
1370}
1371
1372.gl-border-purple-500\! {
1373 border-color: $purple-500 !important;
1374}
1375
1376.gl-border-purple-700 {
1377 border-color: $purple-700;
1378}
1379
1380.gl-border-purple-700\! {
1381 border-color: $purple-700 !important;
1382}
1383
1384.gl-border-gray-a-08 {
1385 border-color: $t-gray-a-08;
1386}
1387
1388.gl-border-gray-a-08\! {
1389 border-color: $t-gray-a-08 !important;
1390}
1391
1392.gl-border-gray-a-24 {
1393 border-color: $t-gray-a-24;
1394}
1395
1396.gl-border-gray-a-24\! {
1397 border-color: $t-gray-a-24 !important;
1398}
1399
1400.gl-border-t-gray-100 {
1401 border-top-color: $gray-100;
1402}
1403
1404.gl-border-t-gray-100\! {
1405 border-top-color: $gray-100 !important;
1406}
1407
1408.gl-border-t-gray-200 {
1409 border-top-color: $gray-200;
1410}
1411
1412.gl-border-t-gray-200\! {
1413 border-top-color: $gray-200 !important;
1414}
1415
1416.gl-border-r-gray-100 {
1417 border-right-color: $gray-100;
1418}
1419
1420.gl-border-r-gray-100\! {
1421 border-right-color: $gray-100 !important;
1422}
1423
1424.gl-border-r-gray-200 {
1425 border-right-color: $gray-200;
1426}
1427
1428.gl-border-r-gray-200\! {
1429 border-right-color: $gray-200 !important;
1430}
1431
1432.gl-border-b-gray-10 {
1433 border-bottom-color: $gray-10;
1434}
1435
1436.gl-border-b-gray-10\! {
1437 border-bottom-color: $gray-10 !important;
1438}
1439
1440.gl-border-b-gray-50 {
1441 border-bottom-color: $gray-50;
1442}
1443
1444.gl-border-b-gray-50\! {
1445 border-bottom-color: $gray-50 !important;
1446}
1447
1448.gl-border-b-gray-100 {
1449 border-bottom-color: $gray-100;
1450}
1451
1452.gl-border-b-gray-100\! {
1453 border-bottom-color: $gray-100 !important;
1454}
1455
1456.gl-border-b-gray-200 {
1457 border-bottom-color: $gray-200;
1458}
1459
1460.gl-border-b-gray-200\! {
1461 border-bottom-color: $gray-200 !important;
1462}
1463
1464.gl-border-l-gray-50 {
1465 border-left-color: $gray-50;
1466}
1467
1468.gl-border-l-gray-50\! {
1469 border-left-color: $gray-50 !important;
1470}
1471
1472.gl-border-l-gray-100 {
1473 border-left-color: $gray-100;
1474}
1475
1476.gl-border-l-gray-100\! {
1477 border-left-color: $gray-100 !important;
1478}
1479
1480.gl-border-l-gray-200 {
1481 border-left-color: $gray-200;
1482}
1483
1484.gl-border-l-gray-200\! {
1485 border-left-color: $gray-200 !important;
1486}
1487
1488.gl-border-l-gray-500 {
1489 border-left-color: $gray-500;
1490}
1491
1492.gl-border-l-gray-500\! {
1493 border-left-color: $gray-500 !important;
1494}
1495
1496.gl-border-t-blue-600 {
1497 border-top-color: $blue-600;
1498}
1499
1500.gl-border-t-blue-600\! {
1501 border-top-color: $blue-600 !important;
1502}
1503
1504.gl-border-r-blue-600 {
1505 border-right-color: $blue-600;
1506}
1507
1508.gl-border-r-blue-600\! {
1509 border-right-color: $blue-600 !important;
1510}
1511
1512.gl-border-b-blue-600 {
1513 border-bottom-color: $blue-600;
1514}
1515
1516.gl-border-b-blue-600\! {
1517 border-bottom-color: $blue-600 !important;
1518}
1519
1520.gl-border-l-blue-600 {
1521 border-left-color: $blue-600;
1522}
1523
1524.gl-border-l-blue-600\! {
1525 border-left-color: $blue-600 !important;
1526}
1527
1528.gl-border-t-red-500 {
1529 border-top-color: $red-500;
1530}
1531
1532.gl-border-t-red-500\! {
1533 border-top-color: $red-500 !important;
1534}
1535
1536.gl-border-0 {
1537 border-width: 0;
1538}
1539
1540.gl-border-0\! {
1541 border-width: 0 !important;
1542}
1543
1544.gl-border-t-0 {
1545 border-top-width: 0;
1546}
1547
1548.gl-border-t-0\! {
1549 border-top-width: 0 !important;
1550}
1551
1552.gl-border-b-0 {
1553 border-bottom-width: 0;
1554}
1555
1556.gl-border-b-0\! {
1557 border-bottom-width: 0 !important;
1558}
1559
1560.gl-border-l-0 {
1561 border-left-width: 0;
1562}
1563
1564.gl-border-l-0\! {
1565 border-left-width: 0 !important;
1566}
1567
1568.gl-border-r-0 {
1569 border-right-width: 0;
1570}
1571
1572.gl-border-r-0\! {
1573 border-right-width: 0 !important;
1574}
1575
1576.gl-border-1 {
1577 border-width: $gl-border-size-1;
1578}
1579
1580.gl-border-1\! {
1581 border-width: $gl-border-size-1 !important;
1582}
1583
1584.gl-border-2 {
1585 border-width: $gl-border-size-2;
1586}
1587
1588.gl-border-2\! {
1589 border-width: $gl-border-size-2 !important;
1590}
1591
1592.gl-border-3 {
1593 border-width: $gl-border-size-3;
1594}
1595
1596.gl-border-3\! {
1597 border-width: $gl-border-size-3 !important;
1598}
1599
1600.gl-border-4 {
1601 border-width: $gl-border-size-4;
1602}
1603
1604.gl-border-4\! {
1605 border-width: $gl-border-size-4 !important;
1606}
1607
1608.gl-border-8 {
1609 border-width: $gl-border-size-8;
1610}
1611
1612.gl-border-8\! {
1613 border-width: $gl-border-size-8 !important;
1614}
1615
1616.gl-border-t-1 {
1617 border-top-width: $gl-border-size-1;
1618}
1619
1620.gl-border-t-1\! {
1621 border-top-width: $gl-border-size-1 !important;
1622}
1623
1624.gl-border-b-1 {
1625 border-bottom-width: $gl-border-size-1;
1626}
1627
1628.gl-border-b-1\! {
1629 border-bottom-width: $gl-border-size-1 !important;
1630}
1631
1632.gl-border-l-1 {
1633 border-left-width: $gl-border-size-1;
1634}
1635
1636.gl-border-l-1\! {
1637 border-left-width: $gl-border-size-1 !important;
1638}
1639
1640.gl-border-l-4 {
1641 border-left-width: $gl-border-size-4;
1642}
1643
1644.gl-border-l-4\! {
1645 border-left-width: $gl-border-size-4 !important;
1646}
1647
1648.gl-border-r-1 {
1649 border-right-width: $gl-border-size-1;
1650}
1651
1652.gl-border-r-1\! {
1653 border-right-width: $gl-border-size-1 !important;
1654}
1655
1656.gl-border-t-2 {
1657 border-top-width: $gl-border-size-2;
1658}
1659
1660.gl-border-t-2\! {
1661 border-top-width: $gl-border-size-2 !important;
1662}
1663
1664.gl-border-b-2 {
1665 border-bottom-width: $gl-border-size-2;
1666}
1667
1668.gl-border-b-2\! {
1669 border-bottom-width: $gl-border-size-2 !important;
1670}
1671
1672.gl-border-r-2 {
1673 border-right-width: $gl-border-size-2;
1674}
1675
1676.gl-border-r-2\! {
1677 border-right-width: $gl-border-size-2 !important;
1678}
1679
1680.gl-border-top-0 {
1681 border-top: 0;
1682}
1683
1684.gl-border-top-0\! {
1685 border-top: 0 !important;
1686}
1687
1688.gl-border-right-0 {
1689 border-right: 0;
1690}
1691
1692.gl-border-right-0\! {
1693 border-right: 0 !important;
1694}
1695
1696.gl-border-bottom-0 {
1697 border-bottom: 0;
1698}
1699
1700.gl-border-bottom-0\! {
1701 border-bottom: 0 !important;
1702}
1703
1704.gl-border-left-0 {
1705 border-left: 0;
1706}
1707
1708.gl-border-left-0\! {
1709 border-left: 0 !important;
1710}
1711
1712.gl-rounded-0 {
1713 border-radius: 0;
1714}
1715
1716.gl-rounded-0\! {
1717 border-radius: 0 !important;
1718}
1719
1720.gl-rounded-6 {
1721 border-radius: $gl-border-radius-6;
1722}
1723
1724.gl-rounded-6\! {
1725 border-radius: $gl-border-radius-6 !important;
1726}
1727
1728.gl-rounded-7 {
1729 border-radius: $gl-border-radius-7;
1730}
1731
1732.gl-rounded-7\! {
1733 border-radius: $gl-border-radius-7 !important;
1734}
1735
1736.gl-rounded-base {
1737 border-radius: $gl-border-radius-base;
1738}
1739
1740.gl-hover-rounded-base:hover {
1741 border-radius: $gl-border-radius-base;
1742}
1743
1744.gl-rounded-base\! {
1745 border-radius: $gl-border-radius-base !important;
1746}
1747
1748.gl-hover-rounded-base\!:hover {
1749 border-radius: $gl-border-radius-base !important;
1750}
1751
1752.gl-rounded-full {
1753 border-radius: $gl-border-radius-full;
1754}
1755
1756.gl-rounded-full\! {
1757 border-radius: $gl-border-radius-full !important;
1758}
1759
1760.gl-rounded-small {
1761 border-radius: $gl-border-radius-small;
1762}
1763
1764.gl-rounded-small\! {
1765 border-radius: $gl-border-radius-small !important;
1766}
1767
1768.gl-rounded-lg {
1769 border-radius: $gl-border-radius-large;
1770}
1771
1772.gl-rounded-lg\! {
1773 border-radius: $gl-border-radius-large !important;
1774}
1775
1776.gl-rounded-pill {
1777 border-radius: $gl-spacing-scale-4;
1778}
1779
1780.gl-rounded-pill\! {
1781 border-radius: $gl-spacing-scale-4 !important;
1782}
1783
1784.gl-rounded-left-none {
1785 border-top-left-radius: 0;
1786 border-bottom-left-radius: 0;
1787}
1788
1789.gl-rounded-left-none\! {
1790 border-top-left-radius: 0 !important;
1791 border-bottom-left-radius: 0 !important;
1792}
1793
1794.gl-rounded-left-base {
1795 border-top-left-radius: $gl-border-radius-base;
1796 border-bottom-left-radius: $gl-border-radius-base;
1797}
1798
1799.gl-rounded-left-base\! {
1800 border-top-left-radius: $gl-border-radius-base !important;
1801 border-bottom-left-radius: $gl-border-radius-base !important;
1802}
1803
1804.gl-rounded-top-left-base {
1805 border-top-left-radius: $gl-border-radius-base;
1806}
1807
1808.gl-rounded-top-left-base\! {
1809 border-top-left-radius: $gl-border-radius-base !important;
1810}
1811
1812.gl-rounded-top-left-none {
1813 border-top-left-radius: 0;
1814}
1815
1816.gl-rounded-top-left-none\! {
1817 border-top-left-radius: 0 !important;
1818}
1819
1820.gl-rounded-top-right-base {
1821 border-top-right-radius: $gl-border-radius-base;
1822}
1823
1824.gl-rounded-top-right-base\! {
1825 border-top-right-radius: $gl-border-radius-base !important;
1826}
1827
1828.gl-rounded-top-right-none {
1829 border-top-right-radius: 0;
1830}
1831
1832.gl-rounded-top-right-none\! {
1833 border-top-right-radius: 0 !important;
1834}
1835
1836.gl-rounded-right-none {
1837 border-top-right-radius: 0;
1838 border-bottom-right-radius: 0;
1839}
1840
1841.gl-rounded-right-none\! {
1842 border-top-right-radius: 0 !important;
1843 border-bottom-right-radius: 0 !important;
1844}
1845
1846.gl-rounded-top-base {
1847 border-top-left-radius: $gl-border-radius-base;
1848 border-top-right-radius: $gl-border-radius-base;
1849}
1850
1851.gl-rounded-top-base\! {
1852 border-top-left-radius: $gl-border-radius-base !important;
1853 border-top-right-radius: $gl-border-radius-base !important;
1854}
1855
1856.gl-rounded-bottom-left-small {
1857 border-bottom-left-radius: $gl-border-radius-small;
1858}
1859
1860.gl-rounded-bottom-left-small\! {
1861 border-bottom-left-radius: $gl-border-radius-small !important;
1862}
1863
1864.gl-rounded-bottom-left-base {
1865 border-bottom-left-radius: $gl-border-radius-base;
1866}
1867
1868.gl-rounded-bottom-left-base\! {
1869 border-bottom-left-radius: $gl-border-radius-base !important;
1870}
1871
1872.gl-rounded-bottom-left-large {
1873 border-bottom-left-radius: $gl-border-radius-large;
1874}
1875
1876.gl-rounded-bottom-left-large\! {
1877 border-bottom-left-radius: $gl-border-radius-large !important;
1878}
1879
1880.gl-rounded-bottom-left-none {
1881 border-bottom-left-radius: 0;
1882}
1883
1884.gl-rounded-bottom-left-none\! {
1885 border-bottom-left-radius: 0 !important;
1886}
1887
1888.gl-rounded-bottom-right-small {
1889 border-bottom-right-radius: $gl-border-radius-small;
1890}
1891
1892.gl-rounded-bottom-right-small\! {
1893 border-bottom-right-radius: $gl-border-radius-small !important;
1894}
1895
1896.gl-rounded-bottom-right-base {
1897 border-bottom-right-radius: $gl-border-radius-base;
1898}
1899
1900.gl-rounded-bottom-right-base\! {
1901 border-bottom-right-radius: $gl-border-radius-base !important;
1902}
1903
1904.gl-rounded-bottom-right-large {
1905 border-bottom-right-radius: $gl-border-radius-large;
1906}
1907
1908.gl-rounded-bottom-right-large\! {
1909 border-bottom-right-radius: $gl-border-radius-large !important;
1910}
1911
1912.gl-rounded-bottom-right-none {
1913 border-bottom-right-radius: 0;
1914}
1915
1916.gl-rounded-bottom-right-none\! {
1917 border-bottom-right-radius: 0 !important;
1918}
1919
1920.gl-rounded-bottom-base {
1921 border-bottom-left-radius: $gl-border-radius-base;
1922 border-bottom-right-radius: $gl-border-radius-base;
1923}
1924
1925.gl-rounded-bottom-base\! {
1926 border-bottom-left-radius: $gl-border-radius-base !important;
1927 border-bottom-right-radius: $gl-border-radius-base !important;
1928}
1929
1930.gl-rounded-top-left-small {
1931 border-top-left-radius: $gl-border-radius-small;
1932}
1933
1934.gl-rounded-top-left-small\! {
1935 border-top-left-radius: $gl-border-radius-small !important;
1936}
1937
1938.gl-rounded-top-right-small {
1939 border-top-right-radius: $gl-border-radius-small;
1940}
1941
1942.gl-rounded-top-right-small\! {
1943 border-top-right-radius: $gl-border-radius-small !important;
1944}
1945
1946.gl-rounded-bottom-left-6 {
1947 border-bottom-left-radius: $gl-border-radius-6;
1948}
1949
1950.gl-rounded-bottom-left-6\! {
1951 border-bottom-left-radius: $gl-border-radius-6 !important;
1952}
1953
1954.gl-rounded-bottom-right-6 {
1955 border-bottom-right-radius: $gl-border-radius-6;
1956}
1957
1958.gl-rounded-bottom-right-6\! {
1959 border-bottom-right-radius: $gl-border-radius-6 !important;
1960}
1961
1962.gl-rounded-top-left-6 {
1963 border-top-left-radius: $gl-border-radius-6;
1964}
1965
1966.gl-rounded-top-left-6\! {
1967 border-top-left-radius: $gl-border-radius-6 !important;
1968}
1969
1970.gl-rounded-top-right-6 {
1971 border-top-right-radius: $gl-border-radius-6;
1972}
1973
1974.gl-rounded-top-right-6\! {
1975 border-top-right-radius: $gl-border-radius-6 !important;
1976}
1977.gl-inset-border-1-gray-100 {
1978 box-shadow: inset 0 0 0 $gl-border-size-1 $gray-100
1979}
1980
1981.gl-inset-border-1-gray-100\! {
1982 box-shadow: inset 0 0 0 $gl-border-size-1 $gray-100 !important
1983}
1984
1985.gl-inset-border-1-gray-200 {
1986 box-shadow: inset 0 0 0 $gl-border-size-1 $gray-200
1987}
1988
1989.gl-inset-border-1-gray-200\! {
1990 box-shadow: inset 0 0 0 $gl-border-size-1 $gray-200 !important
1991}
1992
1993.gl-inset-border-1-gray-400 {
1994 box-shadow: inset 0 0 0 $gl-border-size-1 $gray-400
1995}
1996
1997.gl-inset-border-1-gray-400\! {
1998 box-shadow: inset 0 0 0 $gl-border-size-1 $gray-400 !important
1999}
2000
2001.gl-inset-border-1-gray-600 {
2002 box-shadow: inset 0 0 0 $gl-border-size-1 $gray-600
2003}
2004
2005.gl-inset-border-1-gray-600\! {
2006 box-shadow: inset 0 0 0 $gl-border-size-1 $gray-600 !important
2007}
2008
2009.gl-inset-border-2-gray-300 {
2010 box-shadow: inset 0 0 0 $gl-border-size-2 $gray-300
2011}
2012
2013.gl-inset-border-2-gray-300\! {
2014 box-shadow: inset 0 0 0 $gl-border-size-2 $gray-300 !important
2015}
2016
2017.gl-inset-border-2-gray-400 {
2018 box-shadow: inset 0 0 0 $gl-border-size-2 $gray-400
2019}
2020
2021.gl-inset-border-2-gray-400\! {
2022 box-shadow: inset 0 0 0 $gl-border-size-2 $gray-400 !important
2023}
2024
2025.gl-inset-border-y-1-gray-200 {
2026 box-shadow: inset 0 #{$gl-border-size-1} 0 0 $gray-200,
2027 inset 0 -#{$gl-border-size-1} 0 0 $gray-200
2028}
2029
2030.gl-inset-border-y-1-gray-200\! {
2031 box-shadow: inset 0 #{$gl-border-size-1} 0 0 $gray-200,
2032 inset 0 -#{$gl-border-size-1} 0 0 $gray-200 !important
2033}
2034
2035.gl-inset-border-y-1-gray-100 {
2036 box-shadow: inset 0 #{$gl-border-size-1} 0 0 $gray-100,
2037 inset 0 -#{$gl-border-size-1} 0 0 $gray-100
2038}
2039
2040.gl-inset-border-y-1-gray-100\! {
2041 box-shadow: inset 0 #{$gl-border-size-1} 0 0 $gray-100,
2042 inset 0 -#{$gl-border-size-1} 0 0 $gray-100 !important
2043}
2044
2045.gl-inset-border-b-1-gray-100 {
2046 box-shadow: inset 0 -#{$gl-border-size-1} 0 0 $gray-100
2047}
2048
2049.gl-inset-border-b-1-gray-100\! {
2050 box-shadow: inset 0 -#{$gl-border-size-1} 0 0 $gray-100 !important
2051}
2052
2053.gl-inset-border-b-2-gray-100 {
2054 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $gray-100
2055}
2056
2057.gl-inset-border-b-2-gray-100\! {
2058 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $gray-100 !important
2059}
2060
2061.gl-inset-border-l-4-gray-100 {
2062 box-shadow: inset #{$gl-border-size-4} 0 0 0 $gray-100
2063}
2064
2065.gl-inset-border-l-4-gray-100\! {
2066 box-shadow: inset #{$gl-border-size-4} 0 0 0 $gray-100 !important
2067}
2068
2069.gl-inset-border-b-1-gray-200 {
2070 box-shadow: inset 0 -#{$gl-border-size-1} 0 0 $gray-200
2071}
2072
2073.gl-inset-border-b-1-gray-200\! {
2074 box-shadow: inset 0 -#{$gl-border-size-1} 0 0 $gray-200 !important
2075}
2076
2077.gl-inset-border-b-2-gray-200 {
2078 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $gray-200
2079}
2080
2081.gl-inset-border-b-2-gray-200\! {
2082 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $gray-200 !important
2083}
2084
2085.gl-inset-border-b-1-gray-300 {
2086 box-shadow: inset 0 -#{$gl-border-size-1} 0 0 $gray-300
2087}
2088
2089.gl-inset-border-b-1-gray-300\! {
2090 box-shadow: inset 0 -#{$gl-border-size-1} 0 0 $gray-300 !important
2091}
2092
2093.gl-inset-border-b-2-gray-300 {
2094 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $gray-300
2095}
2096
2097.gl-inset-border-b-2-gray-300\! {
2098 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $gray-300 !important
2099}
2100
2101.gl-inset-border-b-2-gray-500 {
2102 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $gray-500
2103}
2104
2105.gl-inset-border-b-2-gray-500\! {
2106 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $gray-500 !important
2107}
2108
2109.gl-inset-border-b-1-gray-900 {
2110 box-shadow: inset 0 -#{$gl-border-size-1} 0 0 $gray-900
2111}
2112
2113.gl-inset-border-b-1-gray-900\! {
2114 box-shadow: inset 0 -#{$gl-border-size-1} 0 0 $gray-900 !important
2115}
2116
2117.gl-inset-border-1-blue-500 {
2118 box-shadow: inset 0 0 0 $gl-border-size-1 $blue-500
2119}
2120
2121.gl-inset-border-1-blue-500\! {
2122 box-shadow: inset 0 0 0 $gl-border-size-1 $blue-500 !important
2123}
2124
2125.gl-inset-border-1-blue-600 {
2126 box-shadow: inset 0 0 0 $gl-border-size-1 $blue-600
2127}
2128
2129.gl-inset-border-1-blue-600\! {
2130 box-shadow: inset 0 0 0 $gl-border-size-1 $blue-600 !important
2131}
2132
2133.gl-inset-border-b-2-blue-500 {
2134 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $blue-500
2135}
2136
2137.gl-inset-border-b-2-blue-500\! {
2138 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $blue-500 !important
2139}
2140
2141.gl-inset-border-1-green-500 {
2142 box-shadow: inset 0 0 0 $gl-border-size-1 $green-500
2143}
2144
2145.gl-inset-border-1-green-500\! {
2146 box-shadow: inset 0 0 0 $gl-border-size-1 $green-500 !important
2147}
2148
2149.gl-inset-border-1-green-600 {
2150 box-shadow: inset 0 0 0 $gl-border-size-1 $green-600
2151}
2152
2153.gl-inset-border-1-green-600\! {
2154 box-shadow: inset 0 0 0 $gl-border-size-1 $green-600 !important
2155}
2156
2157.gl-inset-border-2-blue-400 {
2158 box-shadow: inset 0 0 0 $gl-border-size-2 $blue-400
2159}
2160
2161.gl-focus-inset-border-2-blue-400:focus {
2162 box-shadow: inset 0 0 0 $gl-border-size-2 $blue-400
2163}
2164
2165.gl-inset-border-2-blue-400\! {
2166 box-shadow: inset 0 0 0 $gl-border-size-2 $blue-400 !important
2167}
2168
2169.gl-focus-inset-border-2-blue-400\!:focus {
2170 box-shadow: inset 0 0 0 $gl-border-size-2 $blue-400 !important
2171}
2172
2173.gl-inset-border-2-green-400 {
2174 box-shadow: inset 0 0 0 $gl-border-size-2 $green-400
2175}
2176
2177.gl-inset-border-2-green-400\! {
2178 box-shadow: inset 0 0 0 $gl-border-size-2 $green-400 !important
2179}
2180
2181.gl-inset-border-1-orange-500 {
2182 box-shadow: inset 0 0 0 $gl-border-size-1 $orange-500
2183}
2184
2185.gl-inset-border-1-orange-500\! {
2186 box-shadow: inset 0 0 0 $gl-border-size-1 $orange-500 !important
2187}
2188
2189.gl-inset-border-1-orange-600 {
2190 box-shadow: inset 0 0 0 $gl-border-size-1 $orange-600
2191}
2192
2193.gl-inset-border-1-orange-600\! {
2194 box-shadow: inset 0 0 0 $gl-border-size-1 $orange-600 !important
2195}
2196
2197.gl-inset-border-1-red-300 {
2198 box-shadow: inset 0 0 0 $gl-border-size-1 $red-300
2199}
2200
2201.gl-inset-border-1-red-300\! {
2202 box-shadow: inset 0 0 0 $gl-border-size-1 $red-300 !important
2203}
2204
2205.gl-inset-border-1-red-400 {
2206 box-shadow: inset 0 0 0 $gl-border-size-1 $red-400
2207}
2208
2209.gl-inset-border-1-red-400\! {
2210 box-shadow: inset 0 0 0 $gl-border-size-1 $red-400 !important
2211}
2212
2213.gl-inset-border-1-red-500 {
2214 box-shadow: inset 0 0 0 $gl-border-size-1 $red-500
2215}
2216
2217.gl-inset-border-1-red-500\! {
2218 box-shadow: inset 0 0 0 $gl-border-size-1 $red-500 !important
2219}
2220
2221.gl-inset-border-1-red-600 {
2222 box-shadow: inset 0 0 0 $gl-border-size-1 $red-600
2223}
2224
2225.gl-inset-border-1-red-600\! {
2226 box-shadow: inset 0 0 0 $gl-border-size-1 $red-600 !important
2227}
2228
2229.gl-inset-border-l-3-red-600 {
2230 box-shadow: inset $gl-border-size-3 0 0 0 $red-600
2231}
2232
2233.gl-inset-border-l-3-red-600\! {
2234 box-shadow: inset $gl-border-size-3 0 0 0 $red-600 !important
2235}
2236
2237.gl-inset-border-1-gray-a-08 {
2238 box-shadow: inset 0 0 0 $gl-border-size-1 $t-gray-a-08
2239}
2240
2241.gl-inset-border-1-gray-a-08\! {
2242 box-shadow: inset 0 0 0 $gl-border-size-1 $t-gray-a-08 !important
2243}
2244
2245.gl-inset-border-b-2-theme-accent {
2246 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 var(--gl-theme-accent, $theme-indigo-500)
2247}
2248
2249.gl-inset-border-b-2-theme-accent\! {
2250 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 var(--gl-theme-accent, $theme-indigo-500) !important
2251}
2252
2253.gl-inset-border-b-2-theme-indigo-500 {
2254 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $theme-indigo-500
2255}
2256
2257.gl-inset-border-b-2-theme-indigo-500\! {
2258 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $theme-indigo-500 !important
2259}
2260
2261.gl-inset-border-b-2-theme-indigo-300 {
2262 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $theme-indigo-300
2263}
2264
2265.gl-inset-border-b-2-theme-indigo-300\! {
2266 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $theme-indigo-300 !important
2267}
2268
2269.gl-inset-border-b-2-theme-red-500 {
2270 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $theme-red-500
2271}
2272
2273.gl-inset-border-b-2-theme-red-500\! {
2274 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $theme-red-500 !important
2275}
2276
2277.gl-inset-border-b-2-theme-light-red-500 {
2278 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $theme-light-red-500
2279}
2280
2281.gl-inset-border-b-2-theme-light-red-500\! {
2282 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $theme-light-red-500 !important
2283}
2284
2285.gl-inset-border-b-2-theme-blue-500 {
2286 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $theme-blue-500
2287}
2288
2289.gl-inset-border-b-2-theme-blue-500\! {
2290 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $theme-blue-500 !important
2291}
2292
2293.gl-inset-border-b-2-theme-light-blue-500 {
2294 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $theme-light-blue-500
2295}
2296
2297.gl-inset-border-b-2-theme-light-blue-500\! {
2298 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $theme-light-blue-500 !important
2299}
2300
2301.gl-inset-border-b-2-theme-green-300 {
2302 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $theme-green-300
2303}
2304
2305.gl-inset-border-b-2-theme-green-300\! {
2306 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $theme-green-300 !important
2307}
2308
2309.gl-inset-border-b-2-theme-green-500 {
2310 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $theme-green-500
2311}
2312
2313.gl-inset-border-b-2-theme-green-500\! {
2314 box-shadow: inset 0 -#{$gl-border-size-2} 0 0 $theme-green-500 !important
2315}
2316
2317.gl-shadow-none {
2318 box-shadow: none
2319}
2320
2321.gl-shadow-none\! {
2322 box-shadow: none !important
2323}
2324
2325.gl-shadow {
2326 box-shadow: 0 1px 4px 0 rgba(#000, 0.3)
2327}
2328
2329.gl-shadow\! {
2330 box-shadow: 0 1px 4px 0 rgba(#000, 0.3) !important
2331}
2332
2333.gl-shadow-x0-y2-b4-s0 {
2334 box-shadow: 0 2px 4px 0 rgba(#000, 0.1)
2335}
2336
2337.gl-shadow-x0-y2-b4-s0\! {
2338 box-shadow: 0 2px 4px 0 rgba(#000, 0.1) !important
2339}
2340
2341.gl-shadow-blue-200-x0-y0-b4-s2 {
2342 box-shadow: 0 0 4px 2px $blue-200
2343}
2344
2345.gl-shadow-blue-200-x0-y0-b4-s2\! {
2346 box-shadow: 0 0 4px 2px $blue-200 !important
2347}
2348
2349.gl-shadow-x0-y0-b3-s1-blue-500 {
2350 box-shadow: inset 0 0 3px 1px $blue-500
2351}
2352
2353.gl-shadow-x0-y0-b3-s1-blue-500\! {
2354 box-shadow: inset 0 0 3px 1px $blue-500 !important
2355}
2356
2357.gl-shadow-sm {
2358 box-shadow: 0 1px 2px $t-gray-a-08
2359}
2360
2361.gl-shadow-sm\! {
2362 box-shadow: 0 1px 2px $t-gray-a-08 !important
2363}
2364
2365.gl-shadow-md {
2366 box-shadow: 0 2px 8px $t-gray-a-16, 0 0 2px $t-gray-a-16
2367}
2368
2369.gl-shadow-md\! {
2370 box-shadow: 0 2px 8px $t-gray-a-16, 0 0 2px $t-gray-a-16 !important
2371}
2372
2373.gl-shadow-lg {
2374 box-shadow: 0 4px 12px $t-gray-a-16, 0 0 4px $t-gray-a-16
2375}
2376
2377.gl-shadow-lg\! {
2378 box-shadow: 0 4px 12px $t-gray-a-16, 0 0 4px $t-gray-a-16 !important
2379}
2380.gl-clearfix {
2381 &::after {
2382 display: block;
2383 clear: both;
2384 content: '';
2385 }
2386}
2387.gl-clearfix\! {
2388 &::after {
2389 display: block !important;
2390 clear: both !important;
2391 content: '' !important;
2392 }
2393}
2394.gl-reset-color {
2395 color: inherit;
2396}
2397
2398.gl-reset-color\! {
2399 color: inherit !important;
2400}
2401
2402.gl-text-transparent {
2403 color: transparent;
2404}
2405
2406.gl-text-transparent\! {
2407 color: transparent !important;
2408}
2409
2410.gl-text-white {
2411 color: $white;
2412}
2413
2414.gl-hover-text-white:hover {
2415 color: $white;
2416}
2417
2418.gl-text-white\! {
2419 color: $white !important;
2420}
2421
2422.gl-hover-text-white\!:hover {
2423 color: $white !important;
2424}
2425
2426.gl-text-contrast-light {
2427 color: $white-contrast;
2428}
2429
2430.gl-text-contrast-light\! {
2431 color: $white-contrast !important;
2432}
2433
2434.gl-text-body {
2435 color: $body-color;
2436}
2437
2438.gl-text-body\! {
2439 color: $body-color !important;
2440}
2441
2442.gl-text-secondary {
2443 color: $gl-text-color-secondary;
2444}
2445
2446.gl-text-secondary\! {
2447 color: $gl-text-color-secondary !important;
2448}
2449
2450.gl-sm-text-body {
2451 @include gl-media-breakpoint-up(sm) {
2452 color: $body-color;
2453 }
2454}
2455
2456.gl-sm-text-body\! {
2457 @include gl-media-breakpoint-up(sm) {
2458 color: $body-color !important;
2459 }
2460}
2461
2462.gl-text-black-normal {
2463 color: $black-normal;
2464}
2465
2466.gl-text-black-normal\! {
2467 color: $black-normal !important;
2468}
2469
2470.gl-text-gray-100 {
2471 color: $gray-100;
2472}
2473
2474.gl-text-gray-100\! {
2475 color: $gray-100 !important;
2476}
2477
2478.gl-text-gray-200 {
2479 color: $gray-200;
2480}
2481
2482.gl-text-gray-200\! {
2483 color: $gray-200 !important;
2484}
2485
2486.gl-text-gray-300 {
2487 color: $gray-300;
2488}
2489
2490.gl-text-gray-300\! {
2491 color: $gray-300 !important;
2492}
2493
2494.gl-text-gray-400 {
2495 color: $gray-400;
2496}
2497
2498.gl-text-gray-400\! {
2499 color: $gray-400 !important;
2500}
2501
2502.gl-text-gray-500 {
2503 color: $gray-500;
2504}
2505
2506.gl-text-gray-500\! {
2507 color: $gray-500 !important;
2508}
2509
2510.gl-text-gray-600 {
2511 color: $gray-600;
2512}
2513
2514.gl-text-gray-600\! {
2515 color: $gray-600 !important;
2516}
2517
2518.gl-text-gray-700 {
2519 color: $gray-700;
2520}
2521
2522.gl-text-gray-700\! {
2523 color: $gray-700 !important;
2524}
2525
2526.gl-text-gray-800 {
2527 color: $gray-800;
2528}
2529
2530.gl-text-gray-800\! {
2531 color: $gray-800 !important;
2532}
2533
2534.gl-text-gray-900 {
2535 color: $gray-900;
2536}
2537
2538.gl-active-text-gray-900:active {
2539 color: $gray-900;
2540}
2541
2542.gl-focus-text-gray-900:focus {
2543 color: $gray-900;
2544}
2545
2546.gl-hover-text-gray-900:hover {
2547 color: $gray-900;
2548}
2549
2550.gl-text-gray-900\! {
2551 color: $gray-900 !important;
2552}
2553
2554.gl-active-text-gray-900\!:active {
2555 color: $gray-900 !important;
2556}
2557
2558.gl-focus-text-gray-900\!:focus {
2559 color: $gray-900 !important;
2560}
2561
2562.gl-hover-text-gray-900\!:hover {
2563 color: $gray-900 !important;
2564}
2565
2566.gl-text-gray-950 {
2567 color: $gray-950;
2568}
2569
2570.gl-text-gray-950\! {
2571 color: $gray-950 !important;
2572}
2573
2574.gl-text-blue-200 {
2575 color: $blue-200;
2576}
2577
2578.gl-text-blue-200\! {
2579 color: $blue-200 !important;
2580}
2581
2582.gl-text-blue-300 {
2583 color: $blue-300;
2584}
2585
2586.gl-text-blue-300\! {
2587 color: $blue-300 !important;
2588}
2589
2590.gl-text-blue-400 {
2591 color: $blue-400;
2592}
2593
2594.gl-text-blue-400\! {
2595 color: $blue-400 !important;
2596}
2597
2598.gl-text-blue-500 {
2599 color: $blue-500;
2600}
2601
2602.gl-text-blue-500\! {
2603 color: $blue-500 !important;
2604}
2605
2606.gl-text-blue-600 {
2607 color: $blue-600;
2608}
2609
2610.gl-hover-text-blue-600:hover {
2611 color: $blue-600;
2612}
2613
2614.gl-text-blue-600\! {
2615 color: $blue-600 !important;
2616}
2617
2618.gl-hover-text-blue-600\!:hover {
2619 color: $blue-600 !important;
2620}
2621
2622.gl-text-blue-700 {
2623 color: $blue-700;
2624}
2625
2626.gl-text-blue-700\! {
2627 color: $blue-700 !important;
2628}
2629
2630.gl-text-blue-800 {
2631 color: $blue-800;
2632}
2633
2634.gl-hover-text-blue-800:hover {
2635 color: $blue-800;
2636}
2637
2638.gl-text-blue-800\! {
2639 color: $blue-800 !important;
2640}
2641
2642.gl-hover-text-blue-800\!:hover {
2643 color: $blue-800 !important;
2644}
2645
2646.gl-text-blue-900 {
2647 color: $blue-900;
2648}
2649
2650.gl-text-blue-900\! {
2651 color: $blue-900 !important;
2652}
2653
2654.gl-text-green-400 {
2655 color: $green-400;
2656}
2657
2658.gl-text-green-400\! {
2659 color: $green-400 !important;
2660}
2661
2662.gl-text-green-500 {
2663 color: $green-500;
2664}
2665
2666.gl-text-green-500\! {
2667 color: $green-500 !important;
2668}
2669
2670.gl-text-green-600 {
2671 color: $green-600;
2672}
2673
2674.gl-text-green-600\! {
2675 color: $green-600 !important;
2676}
2677
2678.gl-text-green-700 {
2679 color: $green-700;
2680}
2681
2682.gl-text-green-700\! {
2683 color: $green-700 !important;
2684}
2685
2686.gl-text-green-800 {
2687 color: $green-800;
2688}
2689
2690.gl-text-green-800\! {
2691 color: $green-800 !important;
2692}
2693
2694.gl-text-green-900 {
2695 color: $green-900;
2696}
2697
2698.gl-text-green-900\! {
2699 color: $green-900 !important;
2700}
2701
2702.gl-text-theme-green-800 {
2703 color: $theme-green-800;
2704}
2705
2706.gl-text-theme-green-800\! {
2707 color: $theme-green-800 !important;
2708}
2709
2710.gl-text-orange-300 {
2711 color: $orange-300;
2712}
2713
2714.gl-text-orange-300\! {
2715 color: $orange-300 !important;
2716}
2717
2718.gl-text-orange-400 {
2719 color: $orange-400;
2720}
2721
2722.gl-text-orange-400\! {
2723 color: $orange-400 !important;
2724}
2725
2726.gl-text-orange-500 {
2727 color: $orange-500;
2728}
2729
2730.gl-text-orange-500\! {
2731 color: $orange-500 !important;
2732}
2733
2734.gl-text-orange-600 {
2735 color: $orange-600;
2736}
2737
2738.gl-text-orange-600\! {
2739 color: $orange-600 !important;
2740}
2741
2742.gl-text-orange-700 {
2743 color: $orange-700;
2744}
2745
2746.gl-text-orange-700\! {
2747 color: $orange-700 !important;
2748}
2749
2750.gl-text-orange-800 {
2751 color: $orange-800;
2752}
2753
2754.gl-text-orange-800\! {
2755 color: $orange-800 !important;
2756}
2757
2758.gl-text-orange-900 {
2759 color: $orange-900;
2760}
2761
2762.gl-text-orange-900\! {
2763 color: $orange-900 !important;
2764}
2765
2766.gl-text-red-300 {
2767 color: $red-300;
2768}
2769
2770.gl-text-red-300\! {
2771 color: $red-300 !important;
2772}
2773
2774.gl-text-red-500 {
2775 color: $red-5