forked from tachyons-css/tachyons-sass
-
Notifications
You must be signed in to change notification settings - Fork 0
/
_position.scss
44 lines (32 loc) · 890 Bytes
/
_position.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
// Converted Variables
// Custom Media Query Variables
/*
POSITIONING
Docs: http://tachyons.io/docs/layout/position/
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
.static { position: static; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
@media #{$breakpoint-not-small} {
.static-ns { position: static; }
.relative-ns { position: relative; }
.absolute-ns { position: absolute; }
.fixed-ns { position: fixed; }
}
@media #{$breakpoint-medium} {
.static-m { position: static; }
.relative-m { position: relative; }
.absolute-m { position: absolute; }
.fixed-m { position: fixed; }
}
@media #{$breakpoint-large} {
.static-l { position: static; }
.relative-l { position: relative; }
.absolute-l { position: absolute; }
.fixed-l { position: fixed; }
}