Sass boilerplate starring Bourbon, Neat & Bitters, mixed up with some Normalize.css - ready to be served!
Simply download this repository and put everything inside the src folder where your *.scss files go - all partials are imported through main.scss.
For testing / updating, have a look at package.json:
npm start: Does nothing, this repo is really just for copy & paste.npm run setup: Installs npm packages & ruby gems for testing purposes (requires Bundler).npm run test: Creates two versions ofmain.css(ruby-sass + node-sass), making sure everything's working.npm run update: Runs a (very) basic update script (use with caution).
It's just a simple starter including bourbon + family (by thoughtbot) and Normalize.css (by Nicolas Gallagher):
- Bourbon v5.1.0 (Github, Website)
- Neat v3.0.1 (Github, Website)
- Bitters v1.8.0 (Github, Website)
- Normalize.css v8.0.1 (Github, Website)
- .. also looking forward to Refills - sigh
Normally after installing Bourbon, Neat & Bitters, you'd get this ..
├── base
│ ├── _base.scss
│ ├── _buttons.scss
│ ├── _forms.scss
│ ├── _layout.scss
│ ├── _lists.scss
│ ├── _media.scss
│ ├── _tables.scss
│ ├── _typography.scss
│ └── _variables.scss
├── bourbon
│ ├── bourbon
│ └── _bourbon.scss
└── neat
├── neat
└── _neat.scss
.. but since most of my projects are organized the SMACSS way, I wanted a simple drop-in solution. Sparing the need to install Normalize.css every time, I just included it, accompanied by custom resets (inspired by inuitcss):
├── base
│ ├── _buttons.scss
│ ├── _forms.scss
│ ├── _layout.scss
│ ├── _lists.scss
│ ├── _media.scss
│ ├── _tables.scss
│ └── _typography.scss
├── utility
│ ├── _box-sizing.scss
│ ├── _normalize.scss
│ ├── _reset.scss
│ └── _variables.scss
├── vendor
| ├── bourbon
| │ ├── bourbon
| │ └── _bourbon.scss
| └── neat
| ├── neat
| └── _neat.scss
└── main.scss
I'd like to thank everybody that's making free & open source software - you people are awesome. Also I'm always thankful for feedback and bug reports :-)