Storybook University Overview

An experimental university design system built with Storybook for Drupal theme integration.

Starting

Storybook University uses Storybook with Vite and type of HTML. It uses the storybook sdc addon provided by iberdinsky: https://github.com/iberdinsky-skilld/sdc-addon

Clone this repo and do:

npm run storybook

Using PostCSS

npm install autoprefixer npm i postcss-nested npm i postcss-import npm i -D postcss-load-config

postcss.config.js

Create a file named postcss.config.js in the root of your project, and add this content:

module.exports = { // Add your installed PostCSS plugins here: plugins: [ require('postcss-import'), // postcss-import must be first require('autoprefixer'), require('postcss-nested') // don't put devDependencies here, only dependencies ], };

Dependencies

Add to your package.json devDependencies:

"postcss-load-config": "^6.0.1", "postcss-loader": "^8.1.1",

Add to your package.json dependencies:

"dependencies": { "autoprefixer": "^10.4.20", "postcss-import": "^16.1.0", "postcss-nested": "^6.2.0", "storybook-addon-sdc": "^0.1.5" }

Run Storybook:

npm run storybook