45 lines
890 B
SCSS
45 lines
890 B
SCSS
|
|
// 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; }
|
|
}
|