mixins-named-args.less 507 B

123456789101112131415161718192021222324252627282930313233343536
  1. .mixin (@a: 1px, @b: 50%) {
  2. width: (@a * 5);
  3. height: (@b - 1%);
  4. args: @arguments;
  5. }
  6. .mixin (@a: 1px, @b: 50%) when (@b > 75%){
  7. text-align: center;
  8. }
  9. .named-arg {
  10. color: blue;
  11. .mixin(@b: 100%);
  12. }
  13. .class {
  14. @var: 20%;
  15. .mixin(@b: @var);
  16. }
  17. .all-args-wrong-args {
  18. .mixin(@b: 10%, @a: 2px);
  19. }
  20. .mixin2 (@a: 1px, @b: 50%, @c: 50) {
  21. width: (@a * 5);
  22. height: (@b - 1%);
  23. color: (#000000 + @c);
  24. }
  25. .named-args2 {
  26. .mixin2(3px, @c: 100);
  27. }
  28. .named-args3 {
  29. .mixin2(@b: 30%, @c: #123456);
  30. }