mixins.less 971 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. //
  2. // Transition
  3. //
  4. .transition( @duration: @default-duration, @easing: @default-easing ) {
  5. -webkit-transition: all @duration @easing;
  6. -moz-transition: all @duration @easing;
  7. -ms-transition: all @duration @easing;
  8. -o-transition: all @duration @easing;
  9. transition: all @duration @easing;
  10. }
  11. //
  12. // Border-radius
  13. //
  14. .border-radius( @radius: @default-border-radius ){
  15. -webkit-border-radius: @arguments;
  16. -moz-border-radius: @arguments;
  17. border-radius: @arguments;
  18. }
  19. //
  20. // Box-shadow
  21. //
  22. .box-shadow( @x-axis: @default-box-shadow-x-axis, @y-axis: @default-box-shadow-y-axis, @blur: @default-box-shadow-blur, @color: @default-box-shadow-color, @inset: @default-box-shadow-inset ) {
  23. -webkit-box-shadow: @inset @x-axis @y-axis @blur @color;
  24. -moz-box-shadow: @inset @x-axis @y-axis @blur @color;
  25. -o-box-shadow: @inset @x-axis @y-axis @blur @color;
  26. box-shadow: @inset @x-axis @y-axis @blur @color;
  27. }