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
12 years ago
|
// 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; }
|