Skip to content

Instantly share code, notes, and snippets.

@manse
Created July 4, 2013 13:02
Show Gist options
  • Save manse/5927528 to your computer and use it in GitHub Desktop.
Save manse/5927528 to your computer and use it in GitHub Desktop.
@mixin border-radius($round...) {
-webkit-border-radius: $round;
-moz-border-radius: $round;
-ms-border-radius: $round;
-o-border-radius: $round;
border-radius: $round;
}
@mixin round() {
@include border-radius(999em);
}
@mixin background-size($v...) {
-webkit-background-size: $v;
-moz-background-size: $v;
-ms-background-size: $v;
-o-background-size: $v;
background-size: $v;
}
@mixin animation($name, $time: 0.3s, $ease: ease-out) {
-webkit-animation: $name $time $ease infinite;
-moz-animation: $name $time $ease infinite;
-ms-animation: $name $time $ease infinite;
-o-animation: $name $time $ease infinite;
animation: $name $time $ease infinite;
}
@mixin keyframes($name) {
@-webkit-keyframes $name {
@content;
}
@-moz-keyframes $name {
@content;
}
@-ms-keyframes $name {
@content;
}
@-o-keyframes $name {
@content;
}
@keyframes $name {
@content;
}
}
@mixin transition($definition...) {
-webkit-transition: $definition;
-moz-transition: $definition;
-ms-transition: $definition;
-o-transition: $definition;
transition: $definition;
}
@mixin transform($definition...) {
-webkit-transform: $definition;
-moz-transform: $definition;
-ms-transform: $definition;
-o-transform: $definition;
transform: $definition;
}
@mixin box-sizing($v) {
-webkit-box-sizing: $v;
-moz-box-sizing: $v;
-ms-box-sizing: $v;
-o-box-sizing: $v;
box-sizing: $v;
}
@mixin background-image-gradient($top, $bottom) {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $top), color-stop(100%, $bottom));
background-image: -webkit-linear-gradient(top, $top 0%, $bottom 100%);
background-image: -moz-linear-gradient(top, $top 0%, $bottom 100%);
background-image: -ms-linear-gradient(top, $top 0%, $bottom 100%);
background-image: -o-linear-gradient(top, $top 0%, $bottom 100%);
background-image: linear-gradient(top, $top 0%, $bottom 100%);
}
@mixin transform-origin($origin...) {
-webkit-transform-origin: $origin;
-moz-transform-origin: $origin;
-ms-transform-origin: $origin;
-o-transform-origin: $origin;
transform-origin: $origin;
}
@mixin user-select($v: none) {
-webkit-user-select: $v;
-moz-user-select: $v;
-ms-user-select: $v;
-o-user-select: $v;
user-select: $v;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment