|
||
---|---|---|
agaric | ||
static-layouts | ||
styleguide | ||
.gitignore | ||
.nvmrc | ||
apple-touch-icon-72.png | ||
apple-touch-icon-114.png | ||
apple-touch-icon-144.png | ||
apple-touch-icon.png | ||
css | ||
favicon.ico | ||
Gruntfile.js | ||
logo.png | ||
package.json | ||
README.md |
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.
Usage
Compile CSS
grunt sass
See more available Grunt commands:
grunt --help
Stuff we're not using
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.