UNPKG

1.01 kBCSSView Raw
1/*
2
3 FLOATS
4 http://tachyons.io/docs/layout/floats/
5
6 1. Floated elements are automatically rendered as block level elements.
7 Setting floats to display inline will fix the double margin bug in
8 ie6. You know... just in case.
9
10 2. Don't forget to clearfix your floats with .cf
11
12 Base:
13 f = float
14
15 Modifiers:
16 l = left
17 r = right
18 n = none
19
20 Media Query Extensions:
21 -ns = not-small
22 -m = medium
23 -l = large
24
25*/
26
27
28
29.fl { float: left; _display: inline; }
30.fr { float: right; _display: inline; }
31.fn { float: none; }
32
33@media (--breakpoint-not-small) {
34 .fl-ns { float: left; _display: inline; }
35 .fr-ns { float: right; _display: inline; }
36 .fn-ns { float: none; }
37}
38
39@media (--breakpoint-medium) {
40 .fl-m { float: left; _display: inline; }
41 .fr-m { float: right; _display: inline; }
42 .fn-m { float: none; }
43}
44
45@media (--breakpoint-large) {
46 .fl-l { float: left; _display: inline; }
47 .fr-l { float: right; _display: inline; }
48 .fn-l { float: none; }
49}