mirror of
https://github.com/jasny/bootstrap.git
synced 2026-04-24 03:00:49 -04:00
61 lines
1.9 KiB
SCSS
61 lines
1.9 KiB
SCSS
//
|
|
// These mixins are used when Jasny Bootstrap is
|
|
// built without importing vanilla Bootstrap@mixin
|
|
// --------------------------------------------------
|
|
|
|
|
|
// CSS3 PROPERTIES
|
|
// --------------------------------------------------
|
|
|
|
// Single side border-radius
|
|
@mixin border-top-radius($radius) {
|
|
border-top-right-radius: $radius;
|
|
border-top-left-radius: $radius;
|
|
}
|
|
@mixin border-right-radius($radius) {
|
|
border-bottom-right-radius: $radius;
|
|
border-top-right-radius: $radius;
|
|
}
|
|
@mixin border-bottom-radius($radius) {
|
|
border-bottom-right-radius: $radius;
|
|
border-bottom-left-radius: $radius;
|
|
}
|
|
@mixin border-left-radius($radius) {
|
|
border-bottom-left-radius: $radius;
|
|
border-top-left-radius: $radius;
|
|
}
|
|
|
|
// Drop shadows
|
|
@mixin box-shadow($shadow) {
|
|
-webkit-box-shadow: $shadow; // iOS <4@mixin 3 & Android <4@mixin 1
|
|
box-shadow: $shadow;
|
|
}
|
|
@mixin transition($transition) {
|
|
-webkit-transition: $transition;
|
|
-o-transition: $transition;
|
|
transition: $transition;
|
|
}
|
|
|
|
// Transition
|
|
@mixin transition-property($transition-property) {
|
|
-webkit-transition-property: $transition-property;
|
|
transition-property: $transition-property;
|
|
}
|
|
@mixin transition-delay($transition-delay) {
|
|
-webkit-transition-delay: $transition-delay;
|
|
transition-delay: $transition-delay;
|
|
}
|
|
@mixin transition-duration($transition-duration) {
|
|
-webkit-transition-duration: $transition-duration;
|
|
transition-duration: $transition-duration;
|
|
}
|
|
@mixin transition-timing-function($timing-function) {
|
|
-webkit-transition-timing-function: $timing-function;
|
|
transition-timing-function: $timing-function;
|
|
}
|
|
@mixin transition-transform($transition) {
|
|
-webkit-transition: -webkit-transform $transition;
|
|
-moz-transition: -moz-transform $transition;
|
|
-o-transition: -o-transform $transition;
|
|
transition: transform $transition;
|
|
} |