The Agaric pattern library & style guide, originally developed for agaric.com by Todd Linkner.
Find a file
2018-11-17 12:31:50 -05:00
agaric Keep floating tabs on top of even the darn admin menu stuff 2018-11-17 12:31:50 -05:00
static-layouts Add blog post 2018-09-14 23:10:26 -04:00
styleguide Commit updated generated styleguide file 2018-10-31 01:36:07 -04:00
.gitignore Ignore node modules 2018-06-20 21:39:31 -04:00
.nvmrc Add node version file 2018-08-20 09:54:00 -04:00
apple-touch-icon-72.png initial import 2018-06-20 21:38:13 -04:00
apple-touch-icon-114.png initial import 2018-06-20 21:38:13 -04:00
apple-touch-icon-144.png initial import 2018-06-20 21:38:13 -04:00
apple-touch-icon.png initial import 2018-06-20 21:38:13 -04:00
favicon.ico Use standard spelling for Favicon 2018-08-20 07:03:51 -04:00
Gruntfile.js Place CSS exactly parallel to the SCSS for easier relations to fonts etc 2018-08-20 13:03:44 -04:00
logo.png initial import 2018-06-20 21:38:13 -04:00
package.json Update to Bulma 7.2 & use my navbar-breakpoint variable they accepted 2018-11-11 23:40:49 -05:00
README.md Document bringing up the static layouts; rebuilding the styleguide 2018-08-21 18:12:49 -04:00

About the Agaric Pattern Library & Style Guide

This living styleguide is powered by the same styles as power the Agaric site itself. Changes in agaric/sass/agaric/ will be reflected both in the styleguide and ultimately on the live sites, so be cautious!

Set up

Use the right version of node with:

nvm use

This command will look at your .nvmrc file and use the version node.js specified in it. This ensures all developers use the same version of node for consistency.

If that version of node isn't installed, install it with:

nvm install

Install npm dependencies with

npm install

This command looks at package.json and installs all the npm dependencies specified in it. Some of the dependencies include grunt and grunt-sass.

Rebuild the style guide

grunt kss

Run the static design layouts

grunt

This will open the static layouts in your browser. At the bottom you can click between them and to the style guide.

Contents

The agaric folder contains the styles, as Sass .scss files, that we expect to be applicable to all Agaric-branded web applications.

Markup examples and static layouts

See styleguide/index.html for project info.