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
| /*
|
| CLEARFIX
| http://tachyons.io/docs/layout/clearfix/
|
| */
|
| /* Nicolas Gallaghers Clearfix solution
| Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
|
| .cf:before,
| .cf:after { content: " "; display: table; }
| .cf:after { clear: both; }
| .cf { *zoom: 1; }
|
| .cl { clear: left; }
| .cr { clear: right; }
| .cb { clear: both; }
| .cn { clear: none; }
|
| @media (--breakpoint-not-small) {
| .cl-ns { clear: left; }
| .cr-ns { clear: right; }
| .cb-ns { clear: both; }
| .cn-ns { clear: none; }
| }
|
| @media (--breakpoint-medium) {
| .cl-m { clear: left; }
| .cr-m { clear: right; }
| .cb-m { clear: both; }
| .cn-m { clear: none; }
| }
|
| @media (--breakpoint-large) {
| .cl-l { clear: left; }
| .cr-l { clear: right; }
| .cb-l { clear: both; }
| .cn-l { clear: none; }
| }
|
|
