antd-theme-generator/node_modules/less/test/less-bom/namespacing/namespacing-media.less

This a script to generate color specific styles less file and which you can use to change theme dynamically in browser

#ns {
  .sizes() {
    @small: 600px;
  }
  .breakpoint(@size) {
    @val: #ns.sizes[@@size];
    @min: (min-width: @val);
    @max: not all and @min;
  }
}

#ns {
  .sizes() {
    @small: 480px;
  }
}

.valToGet() {
  keyword: small;
}

@media #ns.breakpoint(.valToGet[])[@max] {
  .selector {
    prop: val;
  }
}