Scss starter kit emphasizing atomic styles but not preventing the use of BEM or OOCSS techniques for overriding.
- Clone this repo with
git clone https://github.com/internetErik/atomic-scss-starter-kit.git
- run
npm install
in the base directory - run
gulp watch
to build scss files. - run
node
ornodemon
(which will startapp.js
) to start express
- Atomic styles (similar to acss, but all predefined styles)
- Includes helper styles (styles for fixing common problems, or adding common functionality)
- CSS Reset (Eric Meyer, modified) or Normalize
- Comment out what you don't want
- Susy grid system
- Font Awesome
- Boilerplate organization for scss files
- Express server
- Handlebars templates
- Gulp build system with autoprefixer, libsass (via gulp-sass), uncss (via gulp-uncss)
- Some boilerplate pages (handlebars layout, index, routing)
This repository serves a few purposes.
- A place to maintain a general purpose atomic css style sheet
- A simple starter kit for style guides, prototypes
- An educational tool for practicing atomic styling