r0b design
This repo / package is the styles for https://r0b.io. It is also used to generate https://ux.r0b.io.
What is it?
This repo is a set of css styles for r0b.io, generated with sass.
There is also a ux site used to visualise css rules for development. It's based on on atomic design.
The purpose is for my site and its sub-sites to be able to depend on this package to get all their style needs and I can also develop the styles independently.
CLI Usage
When cloned locally, there is a CLI to build assets and run a watch server.
Built assets are placed into dist/, it contains compressed css and image assets.
The watch server runs on port 8080, watching for file changes and rebuilding assets.
cli
Generate assets
Commands:
cli build Generate assets [default]
cli watch Watch for changes and serve the site locally
Options:
--version Show version number [boolean]
--website Generate the ux website [boolean] [default: false]
--verbose Output debug info [boolean] [default: false]
-h, --help Show help [boolean]
UX site
Theres a docker build to generate the ux site which builds the assets and serves them with nginx.
The docker image is pushed here: robbj/r0b-design.
The deployment of this image isn't locked down yet
Misc
I should link to the font-awesome license: https://fontawesome.com/license
This project was set up by puggle