0.2.1 • Published 1 year ago
css-find-vars v0.2.1
css-find-vars
A CLI utility to find and list CSS variables in your project files.
Table of Contents
- Installation
- Usage
- Options
Installation
To install this package, simply run:
npm install css-find-vars -gThis will install the css-find-vars command globally on your system.
Usage
You can run the utility from the command line as follows:
css-find-vars --dir ./path/to/your/cssOptions
The following options are available:
| Option | Alias | Type | Default | Description |
|---|---|---|---|---|
| --help | Show help | |||
| --dir | -d | string | ./ | Directory to search |
| --pattern | -p | string | --\w-+(?=;\s,})) | CSS variable pattern |
| --extensions | -e | array | ".css", ".scss" | File extensions to look for |
| --unique | -u | boolean | false | Return unique variables only |
| --order | -o | string | undefined | Order variables alphabetically |
| --group | -g | string | undefined | Group variables by the file |
Examples
Find all CSS variables in a specific directory
To find all CSS variables in the ./styles directory:
css-find-vars --dir ./stylesFind and return only unique variables
To find all CSS variables in the ./styles directory and return unique variables only:
css-find-vars --dir ./styles --uniqueCombine multiple options
To find all CSS variables in the ./styles directory, return unique variables, sort them in ascending order, and group them by the file:
css-find-vars --dir ./styles --unique --order ASC --group file