https://github.com/sha-red/compass-mixins/tree/master/lib
extended with more sass frameworks and as django app.
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
984 B
30 lines
984 B
// Implementation of float:left with fix for the |
|
// [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html) |
|
@mixin float-left { |
|
@include float(left); } |
|
|
|
// Implementation of float:right with fix for the |
|
// [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html) |
|
@mixin float-right { |
|
@include float(right); } |
|
|
|
// Direction independent float mixin that fixes the |
|
// [double-margin bug in IE5/6](http://www.positioniseverything.net/explorer/doubled-margin.html) |
|
@mixin float($side: left) { |
|
display: inline; |
|
float: unquote($side); } |
|
|
|
// Resets floated elements back to their default of `float: none` and defaults |
|
// to `display: block` unless you pass `inline` as an argument |
|
// |
|
// Usage Example: |
|
// |
|
// body.homepage |
|
// #footer li |
|
// +float-left |
|
// body.signup |
|
// #footer li |
|
// +reset-float |
|
@mixin reset-float($display: block) { |
|
float: none; |
|
display: $display; } |