Sha256: 38d9488f7adf467c231e66fea855096eb2628bbea4e8a191e9ed055f40bc2f5f
Contents?: true
Size: 1.86 KB
Versions: 14
Compression:
Stored size: 1.86 KB
Contents
@mixin box-shadow($top, $left, $blur, $spread, $color) {
-webkit-box-shadow: $top $left $blur $spread $color;
-moz-box-shadow: $top $left $blur $spread $color;
box-shadow: $top $left $blur $spread $color;
}
@mixin box-sizing($box-model) {
-webkit-box-sizing: $box-model;
-moz-box-sizing: $box-model;
-o-box-sizing: $box-model;
box-sizing: $box-model;
}
@mixin rounded($radius: 0.5em) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
border-radius: $radius;
}
@mixin opacity($value){
$IEValue: $value*100;
opacity: $value;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+$IEValue+")";
filter: alpha(opacity=$IEValue);
}
@mixin transition ($args...) {
-webkit-transition: $args;
-moz-transition: $args;
-ms-transition: $args;
-o-transition: $args;
transition: $args;
}
@mixin linear-gradient($first, $second, $third) {
background: -moz-linear-gradient(left, $first, $second, $third); /* FF3.6+ */
background: -webkit-gradient(linear, 0 0, 100% 0, from($first), to($third), color-stop(50%, $second)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, $first, $second, $third); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, $first, $second, $third); /* Opera 11.10+ */
background: -ms-linear-gradient(left, $first, $second, $third); /* IE10+ */
background: linear-gradient(left, $first, $second, $third); /* W3C */
}
@mixin media-query($breakpoint) {
@if $breakpoint == "tablet" {
@media only screen and (min-width: 48em) {
@content;
}
}
@else if $breakpoint == "desktop" {
@media only screen and (min-width: 56em) {
@content;
}
}
@else if $breakpoint == "large-desktop" {
@media only screen and (min-width: 64em) {
@content;
}
}
}
Version data entries
14 entries across 14 versions & 1 rubygems