63 lines
1.9 KiB
SCSS
63 lines
1.9 KiB
SCSS
@mixin rounded-corners($radius) {
|
|
-webkit-border-radius:$radius;
|
|
-khtml-border-radius:$radius;
|
|
-moz-border-radius:$radius;
|
|
border-radius:$radius;
|
|
}
|
|
|
|
@mixin rounded-corners-top($radius) {
|
|
-webkit-border-top-left-radius:$radius;
|
|
-webkit-border-top-right-radius:$radius;
|
|
-khtml-border-radius-topleft:$radius;
|
|
-khtml-border-radius-topright:$radius;
|
|
-moz-border-radius-topleft:$radius;
|
|
-moz-border-radius-topright:$radius;
|
|
border-top-left-radius:$radius;
|
|
border-top-right-radius:$radius;
|
|
}
|
|
|
|
@mixin rounded-corners-left($radius) {
|
|
-webkit-border-top-left-radius:$radius;
|
|
-webkit-border-bottom-left-radius:$radius;
|
|
-khtml-border-radius-topleft:$radius;
|
|
-khtml-border-radius-bottomleft:$radius;
|
|
-moz-border-radius-topleft:$radius;
|
|
-moz-border-radius-bottomleft:$radius;
|
|
border-top-left-radius:$radius;
|
|
border-bottom-left-radius:$radius;
|
|
}
|
|
|
|
@mixin rounded-corners-right($radius) {
|
|
-webkit-border-top-right-radius:$radius;
|
|
-webkit-border-bottom-right-radius:$radius;
|
|
-khtml-border-radius-topright:$radius;
|
|
-khtml-border-radius-bottomright:$radius;
|
|
-moz-border-radius-topright:$radius;
|
|
-moz-border-radius-bottomright:$radius;
|
|
border-top-right-radius:$radius;
|
|
border-bottom-right-radius:$radius;
|
|
}
|
|
|
|
@mixin box-shadow($x, $y, $radius, $opacity) {
|
|
-webkit-box-shadow:$x $y $radius rgba(0, 0, 0, $opacity);
|
|
-moz-box-shadow:$x $y $radius rgba(0, 0, 0, $opacity);
|
|
box-shadow:$x $y $radius rgba(0, 0, 0, $opacity);
|
|
}
|
|
|
|
@mixin rotate($angle) {
|
|
-webkit-backface-visibility:hidden;
|
|
-webkit-transform:rotate($angle);
|
|
-moz-transform:rotate($angle);
|
|
-ms-transform:rotate($angle);
|
|
-o-transform:rotate($angle);
|
|
transform:rotate($angle);
|
|
}
|
|
|
|
@mixin noselect() {
|
|
-webkit-touch-callout:none;
|
|
-webkit-user-select:none;
|
|
-khtml-user-select:none;
|
|
-moz-user-select:none;
|
|
-ms-user-select:none;
|
|
user-select:none;
|
|
} |