Sha256: 60ec5c102d088b57b4fb91533d81f12817c7de3aef9ca12517578ceb79b61528
Contents?: true
Size: 1.96 KB
Versions: 6
Compression:
Stored size: 1.96 KB
Contents
/* CSS 3 Mixins
Add them as you need them. This should let us manage vendor prefixes in one place.
*/
@mixin border-radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
border-radius: $radius;
}
@mixin box-shadow($shadow) {
-webkit-box-shadow: $shadow;
-moz-box-shadow: $shadow;
box-shadow: $shadow;
}
@mixin translate($x, $y) {
-webkit-transform: translate($x, $y);
-moz-transform: translate($x, $y);
-o-transform: translate($x, $y);
transform: translate($x, $y);
}
@mixin gradient($from, $to) {
background-color: $from; // fallback/image non-cover color
background-image: -moz-linear-gradient($from, $to); // Firefox 3.6+
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from($from), to($to)); // Safari 4+, Chrome 1+
background-image: -webkit-linear-gradient($from, $to); // Safari 5.1+, Chrome 10+
background-image: -o-linear-gradient($from, $to); // Opera 11.10+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$from}', endColorstr='#{$to}',GradientType=0 ); // IE6-9
}
@mixin transition($property, $duration, $function, $delay: 0s) {
-webkit-transition: ($property $duration $function $delay);
-moz-transition: ($property $duration $function $delay);
-ms-transition: ($property $duration $function $delay);
-o-transition: ($property $duration $function $delay);
transition: ($property $duration $function $delay);
}
@mixin box-sizing($type) { // Acceptable values are border, content, and padding - content is the default W3C model
-webkit-box-sizing: $type;
-moz-box-sizing: $type;
box-sizing: $type;
}
@mixin appearance($appearance) {
-webkit-appearance: $appearance;
-moz-appearance: $appearance;
}
@mixin calc($property, $calc) {
#{$property}: -webkit-calc(#{$calc});
#{$property}: calc(#{$calc});
}
@mixin opacity($trans) {
zoom: 1;
filter: alpha(opacity=#{$trans * 100});
opacity: $trans;
}
Version data entries
6 entries across 6 versions & 1 rubygems