AdminLTE/build/scss/mixins/_miscellaneous.scss

43 lines
862 B
SCSS

//
// Mixins: Miscellaneous
//
// ETC
@mixin translate($x, $y) {
transform: translate($x, $y);
}
// Different radius each side
@mixin border-radius-sides($top-left, $top-right, $bottom-left, $bottom-right) {
border-radius: $top-left $top-right $bottom-left $bottom-right;
}
@mixin calc($property, $expression) {
#{$property}: calc(#{$expression});
}
@mixin rotate($value) {
transform: rotate($value);
}
@mixin animation($animation) {
animation: $animation;
}
// Gradient background
@mixin gradient($color: #f5f5f5, $start: #eee, $stop: $white) {
background-color: $color;
background-image: gradient(linear, left bottom, left top, color-stop(0, $start), color-stop(1, $stop));
}
@mixin scrollbar-width-thin() {
scrollbar-width: thin;
scrollbar-color: #a9a9a9 transparent;
}
@mixin scrollbar-width-none() {
scrollbar-width: none;
}
//