diff options
Diffstat (limited to 'src/css/imports/_clears.css')
| -rwxr-xr-x | src/css/imports/_clears.css | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/src/css/imports/_clears.css b/src/css/imports/_clears.css new file mode 100755 index 0000000..14d8e1d --- /dev/null +++ b/src/css/imports/_clears.css @@ -0,0 +1,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; } +} |
