Build mobile apps with simple HTML, CSS, and JS components. http://goratchet.com/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

69 lines
1.6 KiB

//
// Mixins
// --------------------------------------------------
11 years ago
// General
// --------------------------------------------------
// Box orient
@mixin box-orient($orient) {
-webkit-box-orient: $orient;
box-orient: $orient;
}
//Box flex
@mixin box-flex($flex) {
-webkit-box-flex: $flex;
box-flex: $flex;
}
// Box shadow
@mixin box-shadow($shadow...) {
-webkit-box-shadow: $shadow;
box-shadow: $shadow;
}
11 years ago
// Transforms
// --------------------------------------------------
@mixin transform($transform) {
-webkit-transform: $transform;
transform: $transform;
}
11 years ago
// Transitions
// --------------------------------------------------
@mixin transition($transition...) {
-webkit-transition: $transition;
transition: $transition;
}
@mixin transition-property($property...) {
-webkit-transition-property: $property;
transition-property: $property;
}
@mixin transition-duration($duration...) {
-webkit-transition-duration: $duration;
transition-duration: $duration;
}
@mixin transition-timing-function($function...) {
-webkit-transition-timing-function: $function;
transition-timing-function: $function;
}
11 years ago
// Animations
// --------------------------------------------------
@mixin animation-name($name) {
-webkit-animation-name: $name;
animation-name: $name;
}
@mixin animation-duration($duration) {
-webkit-animation-duration: $duration;
animation-duration: $duration;
}
@mixin animation-direction($direction) {
-webkit-animation-direction: $direction;
animation-direction: $direction;
}