Current Path : /storage/v11800/affypharma/public_html/wp-content/plugins/caxton/assets/scss/tachyons/ |
Linux v11800 5.3.0-1023-aws #25~18.04.1-Ubuntu SMP Fri Jun 5 15:19:18 UTC 2020 aarch64
|
Current File : /storage/v11800/affypharma/public_html/wp-content/plugins/caxton/assets/scss/tachyons/_floats.scss |
// 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; }
}