Sha256: cd8967d7c9bd9d4a1648051ecb9f4150f43fc65cfe9c66decaa9351424eb0144
Contents?: true
Size: 1.05 KB
Versions: 14
Compression:
Stored size: 1.05 KB
Contents
// Converted Variables
// Custom Media Query Variables
/*
FLOATS
http://tachyons.io/docs/layout/floats/
1. Floated elements are automatically rendered as block level elements.
Setting floats to display inline will fix the double margin bug in
ie6. You know... just in case.
2. Don't forget to clearfix your floats with .cf
Base:
f = float
Modifiers:
l = left
r = right
n = none
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.fn { float: none; }
@media #{$breakpoint-not-small} {
.fl-ns { float: left; _display: inline; }
.fr-ns { float: right; _display: inline; }
.fn-ns { float: none; }
}
@media #{$breakpoint-medium} {
.fl-m { float: left; _display: inline; }
.fr-m { float: right; _display: inline; }
.fn-m { float: none; }
}
@media #{$breakpoint-large} {
.fl-l { float: left; _display: inline; }
.fr-l { float: right; _display: inline; }
.fn-l { float: none; }
}
Version data entries
14 entries across 14 versions & 5 rubygems