fun.less 555 B

12345678910111213141516171819202122232425262728293031323334353637
  1. .pre(@style,@value){
  2. -webkit-@{style}: @value;
  3. -moz-@{style}: @value;
  4. -ms-@{style}: @value;
  5. @{style}: @value;
  6. }
  7. .animation(@value){
  8. .pre(animation,@value);
  9. }
  10. .transition(@arg){
  11. .pre(transition,@arg);
  12. }
  13. .keyframes(@name) {
  14. @-webkit-keyframes @name {
  15. .-frames(-webkit-)
  16. }
  17. @-moz-keyframes @name {
  18. .-frames(-moz-)
  19. }
  20. @-o-keyframes @name {
  21. .-frames(-o-)
  22. }
  23. @-ms-keyframes @name {
  24. .-frames(-ms-)
  25. }
  26. @keyframes @name {
  27. .-frames()
  28. }
  29. }
  30. .flex {
  31. display: -webkit-box;
  32. display: -ms-flexbox;
  33. display: flex;
  34. }