A repository for shared components and styles used in Klara.
npm install klara-ui
npm run bump npm publish [--tag next]
Klara UI comes with a set of components. They adhere to the overall design, and allow for some configuration.
All the styles should be in the form of .styl If you add a new file don't forget to import it in the styles.styl
Including styles in your own project can be tricky if not done correctly. Fortunately we can use stylus loader for resolving to .styl files in nodemodules
Include all the styles in your .styl with:
You can also specify the precise path for a file, eg.
Read more at: https://www.npmjs.com/package/stylus-loader
The styleguide is publicly available at http://bonniernews.github.io/klara-ui.
site folder contains all code for the site. Build and run it using the npm scripts:
npm run site:start npm run site:build npm run site:publish