\n\n# Less.js\n\n> The dynamic stylesheet language. [lesscss.org](http://lesscss.org)\n\nLess extends CSS with variables, mixins, functions, nesting, and more — then compiles to standard CSS. Write cleaner stylesheets with less code.\n\n```less\n@primary: #4a90d9;\n\n.button {\n color: @primary;\n &:hover {\n color: darken(@primary, 10%);\n }\n}\n```\n\n## Install\n\n```sh\nnpm install less\n```\n\n## Usage\n\n### Node.js\n\n```js\nimport less from 'less';\n\nconst output = await less.render('.class { width: (1 + 1) }');\nconsole.log(output.css);\n```\n\n### Command Line\n\n```sh\nnpx lessc styles.less styles.css\n```\n\n### Browser\n\n```html\n\n\n```\n\n## Why Less?\n\n- **Variables** — define reusable values once\n- **Mixins** — reuse groups of declarations across rulesets\n- **Nesting** — mirror HTML structure in your stylesheets\n- **Functions** — transform colors, manipulate strings, do math\n- **Imports** — split stylesheets into manageable pieces\n- **Extend** — reduce output size by combining selectors\n\n## Documentation\n\nFull documentation, usage guides, and configuration options at **[lesscss.org](http://lesscss.org)**.\n\n## Contributing\n\nLess.js is open source. [Report bugs](https://github.com/less/less.js/issues), submit pull requests, or help improve the [documentation](https://github.com/less/less-docs).\n\nSee [CONTRIBUTING.md](https://github.com/less/less.js/blob/master/CONTRIBUTING.md) for development setup.\n\n## License\n\nCopyright (c) 2009-2025 [Alexis Sellier](http://cloudhead.io) & The Core Less Team\nLicensed under the [Apache License](https://github.com/less/less.js/blob/master/LICENSE).\n","_attachments":{},"homepage":"http://lesscss.org","bugs":{"url":"https://github.com/less/less.js/issues"},"license":"Apache-2.0"}
![\"Less.js](\"http://lesscss.org/public/img/less_logo.png\"){kind=logo}
![\"Github](\"https://github.com/less/less.js/actions/workflows/ci.yml/badge.svg?branch=master\"){kind=icon}
\n ![\"Downloads\"](\"https://img.shields.io/npm/dm/less.svg?sanitize=true\")
\n ![\"npm](\"https://img.shields.io/npm/v/less.svg?sanitize=true\")
\n