https://github.com/audienseco/haiku
The SocialBro styleguide
https://github.com/audienseco/haiku
Last synced: about 2 months ago
JSON representation
The SocialBro styleguide
- Host: GitHub
- URL: https://github.com/audienseco/haiku
- Owner: AudienseCo
- Created: 2015-01-15T16:59:11.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2020-09-04T00:50:28.000Z (over 4 years ago)
- Last Synced: 2024-03-26T18:59:34.405Z (about 1 year ago)
- Language: CSS
- Homepage: https://haiku-styleguide.herokuapp.com
- Size: 1.98 MB
- Stars: 0
- Watchers: 20
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Sandbox tooling made with express, sass, grunt and love.
## Requirements
You'll need to have the following items installed before continuing.
* [Node.js](http://nodejs.org): Use the installer provided on the NodeJS website.
* [Grunt](http://gruntjs.com/): Run `[sudo] npm install -g grunt-cli`
## Quickstart
```bash
git clone [email protected]:socialbro/styleguide.git
npm install
```
While you're working on your project, run:
`grunt server`
And you're set!
## Directory Structure
* `assets/`: Assets files like svgs or png for sprites.
* `public/`: Public assets, linked from views. Includes stylesheets and javascripts folders.
* `sass/`: Sass assets.
* `views/`: Html views flavored as nunjucks files. Include partials folder.
* `routes/`: Add your routes here.
* `app.js`: Express file.
## Reference
* Trello: http://blog.trello.com/refining-the-way-we-structure-our-css-at-trello/
* Medium: https://medium.com/@fat/mediums-css-is-actually-pretty-fucking-good-b8e2a6c78b06
* CodePen: http://codepen.io/chriscoyier/blog/codepens-css
* LonelyPlanet: http://ianfeather.co.uk/css-at-lonely-planet/
* Github: http://markdotto.com/2014/07/23/githubs-css/
* The Guardian: https://github.com/guardian/frontend/wiki/CSS-guidelines