1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 | @mixin gl-inset-border-1-gray-100 {
|
11 | box-shadow: inset 0 0 0 $gl-border-size-1 $gray-100;
|
12 | }
|
13 |
|
14 | @mixin gl-inset-border-1-gray-200 {
|
15 | box-shadow: inset 0 0 0 $gl-border-size-1 $gray-200;
|
16 | }
|
17 |
|
18 | @mixin gl-inset-border-1-gray-400 {
|
19 | box-shadow: inset 0 0 0 $gl-border-size-1 $gray-400;
|
20 | }
|
21 |
|
22 | @mixin gl-inset-border-1-gray-600 {
|
23 | box-shadow: inset 0 0 0 $gl-border-size-1 $gray-600;
|
24 | }
|
25 |
|
26 | @mixin gl-inset-border-b-2-gray-100 {
|
27 | box-shadow: inset 0 ($gl-border-size-2 * -1) 0 0 $gray-100;
|
28 | }
|
29 |
|
30 | @mixin gl-inset-border-b-1-gray-200 {
|
31 | box-shadow: inset 0 ($gl-border-size-1 * -1) 0 0 $gray-200;
|
32 | }
|
33 |
|
34 | @mixin gl-inset-border-b-2-gray-200 {
|
35 | box-shadow: inset 0 ($gl-border-size-2 * -1) 0 0 $gray-200;
|
36 | }
|
37 |
|
38 | @mixin gl-inset-border-b-1-gray-300 {
|
39 | box-shadow: inset 0 ($gl-border-size-1 * -1) 0 0 $gray-300;
|
40 | }
|
41 |
|
42 | @mixin gl-inset-border-b-1-gray-900 {
|
43 | box-shadow: inset 0 ($gl-border-size-1 * -1) 0 0 $gray-900;
|
44 | }
|
45 |
|
46 | @mixin gl-inset-border-1-blue-500 {
|
47 | box-shadow: inset 0 0 0 $gl-border-size-1 $blue-500;
|
48 | }
|
49 |
|
50 | @mixin gl-inset-border-1-blue-600 {
|
51 | box-shadow: inset 0 0 0 $gl-border-size-1 $blue-600;
|
52 | }
|
53 |
|
54 | @mixin gl-inset-border-1-green-500 {
|
55 | box-shadow: inset 0 0 0 $gl-border-size-1 $green-500;
|
56 | }
|
57 |
|
58 | @mixin gl-inset-border-1-green-600 {
|
59 | box-shadow: inset 0 0 0 $gl-border-size-1 $green-600;
|
60 | }
|
61 |
|
62 | @mixin gl-inset-border-2-green-400 {
|
63 | box-shadow: inset 0 0 0 $gl-border-size-2 $green-400;
|
64 | }
|
65 |
|
66 | @mixin gl-inset-border-1-orange-500 {
|
67 | box-shadow: inset 0 0 0 $gl-border-size-1 $orange-500;
|
68 | }
|
69 |
|
70 | @mixin gl-inset-border-1-orange-600 {
|
71 | box-shadow: inset 0 0 0 $gl-border-size-1 $orange-600;
|
72 | }
|
73 |
|
74 | @mixin gl-inset-border-1-red-400 {
|
75 | box-shadow: inset 0 0 0 $gl-border-size-1 $red-400;
|
76 | }
|
77 |
|
78 | @mixin gl-inset-border-1-red-500 {
|
79 | box-shadow: inset 0 0 0 $gl-border-size-1 $red-500;
|
80 | }
|
81 |
|
82 | @mixin gl-inset-border-1-red-600 {
|
83 | box-shadow: inset 0 0 0 $gl-border-size-1 $red-600;
|
84 | }
|
85 |
|
86 | @mixin gl-inset-border-b-2-theme-indigo-500 {
|
87 | box-shadow: inset 0 ($gl-border-size-2 * -1) 0 0 $theme-indigo-500;
|
88 | }
|
89 |
|
90 | @mixin gl-inset-border-b-2-theme-red-500 {
|
91 | box-shadow: inset 0 ($gl-border-size-2 * -1) 0 0 $theme-red-500;
|
92 | }
|
93 |
|
94 | @mixin gl-inset-border-b-2-theme-light-red-500 {
|
95 | box-shadow: inset 0 ($gl-border-size-2 * -1) 0 0 $theme-light-red-500;
|
96 | }
|
97 |
|
98 | @mixin gl-inset-border-b-2-theme-blue-500 {
|
99 | box-shadow: inset 0 ($gl-border-size-2 * -1) 0 0 $theme-blue-500;
|
100 | }
|
101 |
|
102 | @mixin gl-inset-border-b-2-theme-light-blue-500 {
|
103 | box-shadow: inset 0 ($gl-border-size-2 * -1) 0 0 $theme-light-blue-500;
|
104 | }
|
105 |
|
106 | @mixin gl-inset-border-b-2-theme-green-500 {
|
107 | box-shadow: inset 0 ($gl-border-size-2 * -1) 0 0 $theme-green-500;
|
108 | }
|
109 |
|
110 |
|
111 |
|
112 |
|
113 |
|
114 |
|
115 | @mixin gl-shadow-none {
|
116 | box-shadow: none;
|
117 | }
|
118 |
|
119 | @mixin gl-shadow {
|
120 | box-shadow: 0 1px 4px 0 rgba($black, 0.3);
|
121 | }
|
122 |
|
123 | @mixin gl-shadow-x0-y2-b4-s0 {
|
124 | box-shadow: 0 2px 4px 0 rgba($black, 0.1);
|
125 | }
|
126 |
|
127 | @mixin gl-shadow-blue-200-x0-y0-b4-s2 {
|
128 | box-shadow: 0 0 4px 2px $blue-200;
|
129 | }
|
130 |
|
131 | @mixin gl-shadow-drawer {
|
132 | box-shadow: -4px 0 8px $gray-200;
|
133 | }
|