UNPKG

2.3 kBSCSSView Raw
1/**
2* Position utilities.
3*
4* naming convention: gl-{property-value}
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* Placement utilities.
28*
29* For absolute or fixed positioned elements
30*
31* naming convention: gl-{position}-{spacing-scale-index}
32*/
33
34/**
35* Placement utilities
36*
37* naming convention: gl-{position}-{value}
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}