@cagov/ds-combined-css
v2.0.5
Published
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 al
Downloads
7
Keywords
Readme
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';