Current section

Files

Jump to
ex_admin web static css active_admin mixins _gradients.scss
Raw

web/static/css/active_admin/mixins/_gradients.scss

$secondary-gradient-start: #efefef !default;
$secondary-gradient-stop: #dfe1e2 !default;
@mixin gradient($start, $end){
background: $start;
background: -webkit-linear-gradient(-90deg, $start, $end);
background: -moz-linear-gradient(-90deg, $start, $end);
background: linear-gradient(180deg, $start, $end);
// IE 6 & 7
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start)}', endColorstr='#{ie-hex-str($end)}');
// IE 8
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start)}', endColorstr='#{ie-hex-str($end)}');
}
@mixin primary-gradient {
@include gradient(lighten($primary-color, 5%), darken($primary-color, 7%));
border-bottom: 1px solid darken($primary-color, 11%);
}
@mixin secondary-gradient {
@include gradient($secondary-gradient-start, $secondary-gradient-stop);
}
@mixin highlight-gradient {
@include gradient(#75a1c2, #608cb4);
}
@mixin reverse-highlight-gradient {
@include gradient(#608cb4, #75a1c2);
}
@mixin no-gradient {
background: none;
// IE 6 & 7
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
// IE 8
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}