Skip to content
A Digital Ocean-esque CSS Starter Kit
Branch: master
Clone or download
Latest commit 5f84ef2 Feb 14, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
cli
docs Update docs Nov 20, 2016
stylesheets
.gitignore Init docs Nov 1, 2016
LICENSE.md Add license Nov 1, 2016
README.md Improve doc Feb 14, 2018
package.json Implement cli Nov 2, 2016

README.md

djiyo Progress Badge

A Digital-Ocean-esque CSS starter kit

This is not a framework and not meant to be extended. Rather, it's intended to be a reference or a starting point. It provides you a bunch of common components with pretty styling (similar to Digital Ocean's design), written in an opinionated BEM.

Installation

$ npm i -g djiyo
$ djiyo install /path/to/my/project/stylesheets

Manual — If you prefer, you may simply clone the repository, and copy all the files in the stylesheets directory to your project folder.

Convention

It follows the .block__element--modifier convention in kebab-case. This project also loosely follows code-guide.

// Block
.component {}
.my-component {}
.footer-nav {}

// Element
.component__another-component-inside-it {}
.my-component__another-component-inside-it {}
.footer-nav__section {}

// Modifier
.component--narrow {}
.my-component--large {}
.footer--dark {}

// Utilities
.u-whatever {}
.u-spacer {}
.u-pull-right {}
You can’t perform that action at this time.