57 lines
1.0 KiB
SCSS
57 lines
1.0 KiB
SCSS
|
|
||
|
// Converted Variables
|
||
|
|
||
|
|
||
|
// Custom Media Query Variables
|
||
|
|
||
|
|
||
|
/*
|
||
|
|
||
|
FLOATS
|
||
|
http://tachyons.io/docs/layout/floats/
|
||
|
|
||
|
1. Floated elements are automatically rendered as block level elements.
|
||
|
Setting floats to display inline will fix the double margin bug in
|
||
|
ie6. You know... just in case.
|
||
|
|
||
|
2. Don't forget to clearfix your floats with .cf
|
||
|
|
||
|
Base:
|
||
|
f = float
|
||
|
|
||
|
Modifiers:
|
||
|
l = left
|
||
|
r = right
|
||
|
n = none
|
||
|
|
||
|
Media Query Extensions:
|
||
|
-ns = not-small
|
||
|
-m = medium
|
||
|
-l = large
|
||
|
|
||
|
*/
|
||
|
|
||
|
|
||
|
|
||
|
.fl { float: left; _display: inline; }
|
||
|
.fr { float: right; _display: inline; }
|
||
|
.fn { float: none; }
|
||
|
|
||
|
@media #{$breakpoint-not-small} {
|
||
|
.fl-ns { float: left; _display: inline; }
|
||
|
.fr-ns { float: right; _display: inline; }
|
||
|
.fn-ns { float: none; }
|
||
|
}
|
||
|
|
||
|
@media #{$breakpoint-medium} {
|
||
|
.fl-m { float: left; _display: inline; }
|
||
|
.fr-m { float: right; _display: inline; }
|
||
|
.fn-m { float: none; }
|
||
|
}
|
||
|
|
||
|
@media #{$breakpoint-large} {
|
||
|
.fl-l { float: left; _display: inline; }
|
||
|
.fr-l { float: right; _display: inline; }
|
||
|
.fn-l { float: none; }
|
||
|
}
|