@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; }