@shgysk8zer0/jss
Simple JavaScript StyleSheets & Palettes
Best when used with @shgysk8zer0/jswaggersheets
.
Example
import { createSheet } from '@shgysk8zer0/jswaggersheets/swagger.js';
import * as bootstrap from '@shgysk8zer0/jss/palette/bootstrap.js';
import { systemFonts } from '@shgysk8zer0/jss/system-fonts.js';
import { gnomeStyles } from '@shgysk8zer0/jss/gnome.js';
import { utility } from '@shgysk8zer0/jss/utility.js';
import { base } from '@shgysk8zer0/jss/base.js';
Promise.all([
createSheet(base),
createSheet(systemFonts),
createSheet(gnomeStyles),
createSheet(utility),
]).then(sheets => document.adoptedStyleSheets = sheets);
/* Maps to `--bs-red-200` */
document.querySelector('.nav').style.setProperty('background-color', bootstrap.red[1]);