From dedfd8a8098db999f81a55a845e0e4d041f9d7a8 Mon Sep 17 00:00:00 2001 From: Darin Dimitroff Date: Tue, 22 Nov 2016 13:07:51 +0200 Subject: Adds Tachyons --- src/css/imports/_clears.css | 40 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) create mode 100755 src/css/imports/_clears.css (limited to 'src/css/imports/_clears.css') 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; } +} -- cgit v1.3