48 lines
830 B
SCSS
48 lines
830 B
SCSS
|
|
// Converted Variables
|
|
|
|
|
|
// Custom Media Query Variables
|
|
|
|
|
|
/*
|
|
|
|
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; }
|
|
}
|