namespacing-media.less 318 B

1234567891011121314151617181920212223242526
  1. #ns {
  2. .sizes() {
  3. @small: 600px;
  4. }
  5. .breakpoint(@size) {
  6. @val: #ns.sizes[@@size];
  7. @min: (min-width: @val);
  8. @max: not all and @min;
  9. }
  10. }
  11. #ns {
  12. .sizes() {
  13. @small: 480px;
  14. }
  15. }
  16. .valToGet() {
  17. keyword: small;
  18. }
  19. @media #ns.breakpoint(.valToGet[])[@max] {
  20. .selector {
  21. prop: val;
  22. }
  23. }