mixins.less 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. //
  2. // These mixins are used when Jasny Bootstrap is
  3. // built without importing Twitter Bootstrap.
  4. // --------------------------------------------------
  5. // CSS3 PROPERTIES
  6. // --------------------------------------------------
  7. // Single side border-radius
  8. .border-top-radius(@radius) {
  9. border-top-right-radius: @radius;
  10. border-top-left-radius: @radius;
  11. }
  12. .border-right-radius(@radius) {
  13. border-bottom-right-radius: @radius;
  14. border-top-right-radius: @radius;
  15. }
  16. .border-bottom-radius(@radius) {
  17. border-bottom-right-radius: @radius;
  18. border-bottom-left-radius: @radius;
  19. }
  20. .border-left-radius(@radius) {
  21. border-bottom-left-radius: @radius;
  22. border-top-left-radius: @radius;
  23. }
  24. // Drop shadows
  25. .box-shadow(@shadow) {
  26. -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
  27. box-shadow: @shadow;
  28. }
  29. .transition(@transition) {
  30. -webkit-transition: @transition;
  31. -o-transition: @transition;
  32. transition: @transition;
  33. }
  34. // Transition
  35. .transition-property(@transition-property) {
  36. -webkit-transition-property: @transition-property;
  37. transition-property: @transition-property;
  38. }
  39. .transition-delay(@transition-delay) {
  40. -webkit-transition-delay: @transition-delay;
  41. transition-delay: @transition-delay;
  42. }
  43. .transition-duration(@transition-duration) {
  44. -webkit-transition-duration: @transition-duration;
  45. transition-duration: @transition-duration;
  46. }
  47. .transition-timing-function(@timing-function) {
  48. -webkit-transition-timing-function: @timing-function;
  49. transition-timing-function: @timing-function;
  50. }
  51. .transition-transform(@transition) {
  52. -webkit-transition: -webkit-transform @transition;
  53. -moz-transition: -moz-transform @transition;
  54. -o-transition: -o-transform @transition;
  55. transition: transform @transition;
  56. }