76 lines
2.0 KiB
SCSS
76 lines
2.0 KiB
SCSS
// mixins for CSS3 features
|
|
|
|
@mixin transition($transition) {
|
|
-webkit-transition: $transition;
|
|
-moz-transition: $transition;
|
|
-ms-transition: $transition;
|
|
-o-transition: $transition;
|
|
transition: $transition;
|
|
}
|
|
|
|
@mixin inline-block() {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
*vertical-align: auto;
|
|
*zoom: 1;
|
|
*display: inline;
|
|
}
|
|
|
|
@mixin border-radius($radius) {
|
|
-webkit-border-radius: $radius;
|
|
-moz-border-radius: $radius;
|
|
border-radius: $radius;
|
|
}
|
|
|
|
@mixin border-right-radius($right-radius) {
|
|
-moz-border-radius-topright: $right-radius;
|
|
-webkit-border-top-right-radius: $right-radius;
|
|
border-top-right-radius: $right-radius;
|
|
-moz-border-radius-bottomright: $right-radius;
|
|
-webkit-border-bottom-right-radius: $right-radius;
|
|
border-bottom-right-radius: $right-radius;
|
|
}
|
|
|
|
@mixin border-left-radius($left-radius) {
|
|
-moz-border-radius-topleft: $left-radius;
|
|
-webkit-border-top-left-radius: $left-radius;
|
|
border-top-left-radius: $left-radius;
|
|
-moz-border-radius-bottomleft: $left-radius;
|
|
-webkit-border-bottom-left-radius: $left-radius;
|
|
border-bottom-left-radius: $left-radius;
|
|
}
|
|
|
|
@mixin border-top-radius($top-radius) {
|
|
-moz-border-radius-topleft: $top-radius;
|
|
-webkit-border-top-left-radius: $top-radius;
|
|
border-top-left-radius: $top-radius;
|
|
-moz-border-radius-topright: $top-radius;
|
|
-webkit-border-top-right-radius: $top-radius;
|
|
border-top-right-radius: $top-radius;
|
|
}
|
|
|
|
@mixin border-bottom-radius($bottom-radius) {
|
|
-moz-border-radius-bottomleft: $bottom-radius;
|
|
-webkit-border-bottom-left-radius: $bottom-radius;
|
|
border-bottom-left-radius: $bottom-radius;
|
|
-moz-border-radius-bottomright: $bottom-radius;
|
|
-webkit-border-bottom-right-radius: $bottom-radius;
|
|
border-bottom-right-radius: $bottom-radius;
|
|
}
|
|
|
|
@mixin box-shadow($box-shadow) {
|
|
-moz-box-shadow: $box-shadow;
|
|
-webkit-box-shadow: $box-shadow;
|
|
box-shadow: $box-shadow;
|
|
}
|
|
|
|
@mixin opacity($opacity) {
|
|
opacity: $opacity;
|
|
$opacity-ie: $opacity * 100;
|
|
filter: alpha(opacity=$opacity-ie); //IE8
|
|
}
|
|
|
|
|
|
|
|
|