Skip to content
This repo / package / docker image is the styles for https://r0b.io.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
cli
src
.dockerignore
.editorconfig
.eslintrc.yml
.gitignore
.npmignore
.prettierignore
Dockerfile
README.md
nginx.conf
package-lock.json
package.json

README.md

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

You can’t perform that action at this time.