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

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

@import "imports/library.less";

.bar {
  width: #library.sizes[@width];
  height: #library.add-one(1px)[@return];
}

// I'm gonna override some values
#library {
  .sizes() {
    @width: 800px;
  }
}

.foo {
  width: #library.sizes[@width];
}

.foods() {
  @dessert: ice cream;
}

@key-to-lookup: dessert;

.lunch {
  treat: .foods[@@key-to-lookup];
}