50 lines
1013 B
CSS
50 lines
1013 B
CSS
/*
|
|
|
|
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; }
|
|
}
|