UNPKG

770 BCSSView Raw
1/*
2
3 CLEARFIX
4 http://tachyons.io/docs/layout/clearfix/
5
6*/
7
8/* Nicolas Gallaghers Clearfix solution
9 Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
10
11.cf:before,
12.cf:after { content: " "; display: table; }
13.cf:after { clear: both; }
14.cf { *zoom: 1; }
15
16.cl { clear: left; }
17.cr { clear: right; }
18.cb { clear: both; }
19.cn { clear: none; }
20
21@media (--breakpoint-not-small) {
22 .cl-ns { clear: left; }
23 .cr-ns { clear: right; }
24 .cb-ns { clear: both; }
25 .cn-ns { clear: none; }
26}
27
28@media (--breakpoint-medium) {
29 .cl-m { clear: left; }
30 .cr-m { clear: right; }
31 .cb-m { clear: both; }
32 .cn-m { clear: none; }
33}
34
35@media (--breakpoint-large) {
36 .cl-l { clear: left; }
37 .cr-l { clear: right; }
38 .cb-l { clear: both; }
39 .cn-l { clear: none; }
40}