@cagov/ds-combined-css

Compiled CSS

This package generates theme specific css from all the design system components' scss files. Combined css can be used in a cagov WordPress theme or in any other CMS. This file potentially can make CMS editor's experience better since it will bring over all the nessesary styles into the CMS editor's view.

Also, this component generates combined JavaScript file from all the design system components that are using JavaSript.

Theming

There are three color themes that are currently available in design system (cagov, cannabis and drought). THese theme specific stylesheets are generated by the build command and exported into /dist folder.

A combined css is composed of:

@import "../../base-css/src/themes/_cagov.scss";
@import "../../accordion/src/index.scss";
@import "../../site-footer/src/index.scss";
@import "../../back-to-top/src/index.scss";
@import "../../site-header/src/index.scss";
@import "../../link-grid/src/index.scss";
@import "../../feature-card/src/index.scss";
@import "../../site-navigation/src/index.scss";
@import "../../pagination/src/css/index.scss";
@import "../../link-icon/src/index.scss";
@import "../../regulatory-outline/src/index.scss";
@import "../../skip-to-content/src/index.scss";
@import "../../statewide-footer/src/index.scss";
@import "../../step-list/src/index.scss";
@import "../../table/src/index.scss";
@import "../../table/src/index.wordpress.scss";

JavaScript

Combined JavaScript file is generated by the build:js command and exported into /dist folder.

A combined js is composed of:

import '../../accordion/dist/index.js';
import '../../back-to-top/dist/index.js';
import '../../page-navigation/dist/index.js';
import '../../page-feedback/dist/index.js';
import '../../menu/src/index.js';
import '../../page-alert/dist/index.js';
import '../../pagination/dist/index.js';
import '../../link-icon/src/index.js';
import '../../plus/index.js';
import '../../minus/index.js';
import '../../statewide-header/src/index.js';