Skip to content
This repo / package / docker image is the styles for
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

r0b design

This repo / package is the styles for It is also used to generate

What is it?

This repo is a set of css styles for, 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.


Generate assets

  cli build  Generate assets                                           [default]
  cli watch  Watch for changes and serve the site locally

  --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


I should link to the font-awesome license:

This project was set up by puggle

You can’t perform that action at this time.