1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 | @mixin gl-relative {
|
7 | position: relative;
|
8 | }
|
9 |
|
10 | @mixin gl-absolute {
|
11 | position: absolute;
|
12 | }
|
13 |
|
14 | @mixin gl-static {
|
15 | position: static;
|
16 | }
|
17 |
|
18 | @mixin gl-fixed {
|
19 | position: fixed;
|
20 | }
|
21 |
|
22 | @mixin gl-sticky {
|
23 | position: sticky;
|
24 | }
|
25 |
|
26 |
|
27 |
|
28 |
|
29 |
|
30 |
|
31 |
|
32 |
|
33 |
|
34 |
|
35 |
|
36 |
|
37 |
|
38 |
|
39 | @mixin gl-top-auto {
|
40 | top: auto;
|
41 | }
|
42 |
|
43 | @mixin gl-top-0 {
|
44 | top: 0;
|
45 | }
|
46 |
|
47 | @mixin gl-top-1 {
|
48 | top: $gl-spacing-scale-1;
|
49 | }
|
50 |
|
51 | @mixin gl-top-2 {
|
52 | top: $gl-spacing-scale-2;
|
53 | }
|
54 |
|
55 | @mixin gl-top-3 {
|
56 | top: $gl-spacing-scale-3;
|
57 | }
|
58 |
|
59 | @mixin gl-top-4 {
|
60 | top: $gl-spacing-scale-4;
|
61 | }
|
62 |
|
63 | @mixin gl-top-5 {
|
64 | top: $gl-spacing-scale-5;
|
65 | }
|
66 |
|
67 | @mixin gl-top-6 {
|
68 | top: $gl-spacing-scale-6;
|
69 | }
|
70 |
|
71 | @mixin gl-top-7 {
|
72 | top: $gl-spacing-scale-7;
|
73 | }
|
74 |
|
75 | @mixin gl-top-half {
|
76 | top: 50%;
|
77 | }
|
78 |
|
79 | @mixin gl-right-0 {
|
80 | right: 0;
|
81 | }
|
82 |
|
83 | @mixin gl-right-1 {
|
84 | right: $gl-spacing-scale-1;
|
85 | }
|
86 |
|
87 | @mixin gl-right-2 {
|
88 | right: $gl-spacing-scale-2;
|
89 | }
|
90 |
|
91 | @mixin gl-right-3 {
|
92 | right: $gl-spacing-scale-3;
|
93 | }
|
94 |
|
95 | @mixin gl-right-4 {
|
96 | right: $gl-spacing-scale-4;
|
97 | }
|
98 |
|
99 | @mixin gl-right-5 {
|
100 | right: $gl-spacing-scale-5;
|
101 | }
|
102 |
|
103 | @mixin gl-right-6 {
|
104 | right: $gl-spacing-scale-6;
|
105 | }
|
106 |
|
107 | @mixin gl-right-7 {
|
108 | right: $gl-spacing-scale-7;
|
109 | }
|
110 |
|
111 | @mixin gl-bottom-0 {
|
112 | bottom: 0;
|
113 | }
|
114 |
|
115 | @mixin gl-bottom-1 {
|
116 | bottom: $gl-spacing-scale-1;
|
117 | }
|
118 |
|
119 | @mixin gl-bottom-2 {
|
120 | bottom: $gl-spacing-scale-2;
|
121 | }
|
122 |
|
123 | @mixin gl-bottom-3 {
|
124 | bottom: $gl-spacing-scale-3;
|
125 | }
|
126 |
|
127 | @mixin gl-bottom-4 {
|
128 | bottom: $gl-spacing-scale-4;
|
129 | }
|
130 |
|
131 | @mixin gl-bottom-5 {
|
132 | bottom: $gl-spacing-scale-5;
|
133 | }
|
134 |
|
135 | @mixin gl-bottom-6 {
|
136 | bottom: $gl-spacing-scale-6;
|
137 | }
|
138 |
|
139 | @mixin gl-bottom-7 {
|
140 | bottom: $gl-spacing-scale-7;
|
141 | }
|
142 |
|
143 | @mixin gl-left-0 {
|
144 | left: 0;
|
145 | }
|
146 |
|
147 | @mixin gl-left-1 {
|
148 | left: $gl-spacing-scale-1;
|
149 | }
|
150 |
|
151 | @mixin gl-left-2 {
|
152 | left: $gl-spacing-scale-2;
|
153 | }
|
154 |
|
155 | @mixin gl-left-3 {
|
156 | left: $gl-spacing-scale-3;
|
157 | }
|
158 |
|
159 | @mixin gl-left-4 {
|
160 | left: $gl-spacing-scale-4;
|
161 | }
|
162 |
|
163 | @mixin gl-left-5 {
|
164 | left: $gl-spacing-scale-5;
|
165 | }
|
166 |
|
167 | @mixin gl-left-6 {
|
168 | left: $gl-spacing-scale-6;
|
169 | }
|
170 |
|
171 | @mixin gl-left-7 {
|
172 | left: $gl-spacing-scale-7;
|
173 | }
|
174 |
|
175 | @mixin gl-top-n5 {
|
176 | top: -$gl-spacing-scale-5;
|
177 | }
|
178 |
|
179 | @mixin gl-float-left {
|
180 | float: left;
|
181 | }
|
182 |
|
183 | @mixin gl-float-right {
|
184 | float: right;
|
185 | }
|