mirror of
https://github.com/duplicati/duplicati.git
synced 2025-11-28 03:20:25 +08:00
21 lines
1.3 KiB
Markdown
21 lines
1.3 KiB
Markdown
## Update style sheets
|
|
|
|
We use [Less CSS](https://lesscss.org) as a CSS preprocessor and its minify plugin along with it. We also use [Stylelint](https://stylelint.io/) with a plugin for Less ([stylelint-config-standard-less](https://www.npmjs.com/package/stylelint-config-standard-less)).
|
|
|
|
Before proceeding, please make sure that [npm](https://www.npmjs.com/) is installed on your computer and available on your PATH. For install instruction, check the [official documentation](https://docs.npmjs.com/cli/v9/configuring-npm/install/).
|
|
|
|
Then, run `npm install --prefix ../../` on the current directory to install the packages.
|
|
|
|
To use Stylelint and compile the Less files, run the commands below:
|
|
|
|
```
|
|
npx stylelint "**/less/*.less"
|
|
npx lessc webroot/ngax/less/dark.less webroot/ngax/styles/dark.css --clean-css -m=always
|
|
npx lessc webroot/ngax/less/default.less webroot/ngax/styles/default.css --clean-css -m=always
|
|
```
|
|
|
|
Add `--fix` option to have Stylelint fix the errors which the linter can fix by itself.
|
|
|
|
Alternatively, it is possible to run those commands with `npm run-script`. See `package.json` on the root directory for available scripts.
|
|
|
|
Note: there are warnings about math=always on running `lessc`, but to fix those all divisions in `.less` need to be wrapped in parentheses.
|