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.
47 lines
1.3 KiB
47 lines
1.3 KiB
12 years ago
|
@import "../../support";
|
||
|
|
|
||
|
|
// The `zoom` approach generates less CSS but does not validate.
|
||
|
|
// Set this to `block` to use the display-property to hack the
|
||
|
|
// element to gain layout.
|
||
|
|
$default-has-layout-approach: zoom !default;
|
||
|
|
|
||
|
|
// This mixin causes an element matching the selector
|
||
|
|
// to gain the "hasLayout" property in internet explorer.
|
||
|
|
// More information on [hasLayout](http://reference.sitepoint.com/css/haslayout).
|
||
|
|
@mixin has-layout($approach: $default-has-layout-approach) {
|
||
|
|
@if $legacy-support-for-ie {
|
||
|
|
@if $approach == zoom {
|
||
|
|
@include has-layout-zoom;
|
||
|
|
} @else if $approach == block {
|
||
|
|
@include has-layout-block;
|
||
|
|
} @else {
|
||
|
|
@warn "Unknown has-layout approach: #{$approach}";
|
||
|
|
@include has-layout-zoom;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin has-layout-zoom {
|
||
|
|
@if $legacy-support-for-ie6 or $legacy-support-for-ie7 {
|
||
|
|
*zoom: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin has-layout-block {
|
||
|
|
@if $legacy-support-for-ie {
|
||
|
|
// This makes ie6 get layout
|
||
|
|
display: inline-block;
|
||
|
|
// and this puts it back to block
|
||
|
|
& { display: block; }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// A hack to supply IE6 (and below) with a different property value.
|
||
|
|
// [Read more](http://www.cssportal.com/css-hacks/#in_css-important).
|
||
|
|
@mixin bang-hack($property, $value, $ie6-value) {
|
||
|
|
@if $legacy-support-for-ie6 {
|
||
|
|
#{$property}: #{$value} !important;
|
||
|
|
#{$property}: #{$ie6-value};
|
||
|
|
}
|
||
|
|
}
|