Components, patterns, and style guide for Rhinogram.


License
MIT
Install
npm install rhinostyle@1.10.29

Documentation

RhinoStyle

Documentation

https://rhinogram.github.io/rhinostyle/

Setup

  • Make sure you have the following installed:

Development Workflow

RhinoStyle dist/build assets are version controlled already, but if you'd like to rebuild at anytime and start a server, you can run yarn start

Individual gulp tasks can be found in gulpfile.babel.js, but some of the more common ones you will run are:

  • gulp server Starts BrowserSync instance, watches for file changes, and automatically reloads your browser.
  • gulp docs Bundles all tasks to rebuild documentation site. This does not include the animations or audio tasks due to their long-processes.
  • gulp docs:styles Builds the CSS files for the documentation site (includes framework assets)
  • gulp docs:scripts Builds the JS files for the documentation site (includes framework assets)
  • gulp docs:site Builds the static pages for the documentation site

Production Workflow

Individual gulp tasks can be found in gulpfile.babel.js, but some of the more common ones you will run are:

  • gulp dist Bundles all tasks to rebuild framework. This does not include the animations or audio tasks due to their long-processes.
  • gulp dist:styles Builds the CSS files for the framework
  • gulp dist:scripts Builds the JS files for the framework

Releasing

To release a new version of RhinoStyle, run:

npm version x.x.x
npm publish
gulp website

This does the following:

  1. Rebuilds framework and tags new version on GitHub
  2. Publishes new version to npmjs.org
  3. Rebuilds documentation site with latest updates

Versioning

RhinoStyle is maintained by using the Semantic Versioning Specification (SemVer).

Browser Support

Chrome Firefox Edge IE Safari iOS Safari
Latest ✔ Latest ✔ Latest ✔ 11+ ✔ 9+ ✔ 10+ ✔