1 | // Example main file used to configure Cirrus.
|
2 | // You can either use this for your Sass project or configure it to generate the classes you want instead (view step 2).
|
3 |
|
4 | // 1. Import Cirrus with config.
|
5 | // For example, here I want to exclude all absolute positioning classes from being generated.
|
6 | // Import any dependencies you need and then initialize the config with the overrided file
|
7 | @use "node_modules/cirrus-ui/src/cirrus-ext" as * with (
|
8 | $config: (
|
9 | excludes: (
|
10 | 'ABSOLUTES',
|
11 | ),
|
12 | opacity: null, // Disable default opacity classes
|
13 | extend: (
|
14 | // Add your own
|
15 | opacity: (
|
16 | 25: .25,
|
17 | 50: .5,
|
18 | 75: .75,
|
19 | )
|
20 | )
|
21 | ),
|
22 | );
|
23 |
|
24 | // 2. (Optional) Add a new build to the Gulp file.
|
25 | // If you want to generate class files using Gulp, you can specify a new task like this with `main.scss` as a source.
|
26 |
|
27 | // gulp.task('test', () => {
|
28 | // return gulp
|
29 | // .src(['src/main.scss'])
|
30 | // .pipe(sass.sync().on('error', function (err) {
|
31 | // sass.logError.call(this, err);
|
32 | // }))
|
33 | // .pipe($.concat('cirrus.css'))
|
34 | // .pipe($.header(head))
|
35 | // .pipe($.size())
|
36 | // .pipe(gulp.dest('./dist/'))
|
37 | // .on('error', (err) => {
|
38 | // console.error(err);
|
39 | // process.exit(1);
|
40 | // });
|
41 | // });
|