mixin_functions.less 557 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. @outer: 10px;
  2. @class(@var:22px, @car: 400px + @outer) {
  3. margin: @var;
  4. height: @car;
  5. }
  6. @group {
  7. @f(@color) {
  8. color: @color;
  9. }
  10. .cool {
  11. border-bottom: 1px solid green;
  12. }
  13. }
  14. .class(@width:200px) {
  15. padding: @width;
  16. }
  17. body {
  18. .class(2.0em);
  19. @group > @f(red);
  20. @class(10px, 10px + 2);
  21. @group > .cool;
  22. }
  23. @lots(@a: 10px, @b: 20px, @c: 30px, @d: 40px, @e: 4px, @f:3px, @g:2px, @h: 1px) {
  24. padding: @a @b @c @d;
  25. margin: @e @f @g @h;
  26. }
  27. .skip_args {
  28. @class(,12px);
  29. @lots(,,,88px,,12px);
  30. @group > @f(red,,,,);
  31. @group > @f(red);
  32. }