2014-03-13 08:17:54 +00:00
|
|
|
/*
|
|
|
|
|
|
2014-01-18 08:26:39 +00:00
|
|
|
FLOATS
|
2014-03-13 08:17:54 +00:00
|
|
|
|
|
|
|
|
1. Floated elements are automatically rendered as block level elements.
|
2014-03-20 23:33:53 +00:00
|
|
|
Setting floats to display inline will fix the double margin bug in
|
|
|
|
|
ie6. You know... just in case.
|
|
|
|
|
|
|
|
|
|
Legend
|
|
|
|
|
|
|
|
|
|
f = float
|
|
|
|
|
l = left
|
|
|
|
|
r = right
|
|
|
|
|
n = none
|
2014-03-13 08:17:54 +00:00
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
2014-01-18 08:26:39 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
.fl { float: left; display: inline; }
|
|
|
|
|
.fr { float: right; display: inline; }
|
|
|
|
|
.fn { float: none; }
|
|
|
|
|
|
|
|
|
|
@include break(not-small) {
|
|
|
|
|
.fl-ns { float: left; display: inline; }
|
|
|
|
|
.fr-ns { float: right;display: inline; }
|
|
|
|
|
.fn-ns { float: none; }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@include break(medium) {
|
|
|
|
|
.fl-m { float: left; display: inline; }
|
|
|
|
|
.fr-m { float: right; display: inline; }
|
|
|
|
|
.fn-m { float: none; }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@include break(large) {
|
|
|
|
|
.fl-l { float: left; display: inline; }
|
|
|
|
|
.fr-l { float: right; display: inline; }
|
|
|
|
|
.fn-l { float: none; }
|
|
|
|
|
}
|
