12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- //
- // These mixins are used when Jasny Bootstrap is
- // built without importing Twitter Bootstrap.
- // --------------------------------------------------
- // CSS3 PROPERTIES
- // --------------------------------------------------
- // Single side border-radius
- .border-top-radius(@radius) {
- border-top-right-radius: @radius;
- border-top-left-radius: @radius;
- }
- .border-right-radius(@radius) {
- border-bottom-right-radius: @radius;
- border-top-right-radius: @radius;
- }
- .border-bottom-radius(@radius) {
- border-bottom-right-radius: @radius;
- border-bottom-left-radius: @radius;
- }
- .border-left-radius(@radius) {
- border-bottom-left-radius: @radius;
- border-top-left-radius: @radius;
- }
- // Drop shadows
- .box-shadow(@shadow) {
- -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
- box-shadow: @shadow;
- }
- .transition(@transition) {
- -webkit-transition: @transition;
- -o-transition: @transition;
- transition: @transition;
- }
- // Transition
- .transition-property(@transition-property) {
- -webkit-transition-property: @transition-property;
- transition-property: @transition-property;
- }
- .transition-delay(@transition-delay) {
- -webkit-transition-delay: @transition-delay;
- transition-delay: @transition-delay;
- }
- .transition-duration(@transition-duration) {
- -webkit-transition-duration: @transition-duration;
- transition-duration: @transition-duration;
- }
- .transition-timing-function(@timing-function) {
- -webkit-transition-timing-function: @timing-function;
- transition-timing-function: @timing-function;
- }
- .transition-transform(@transition) {
- -webkit-transition: -webkit-transform @transition;
- -moz-transition: -moz-transform @transition;
- -o-transition: -o-transform @transition;
- transition: transform @transition;
- }
|