Skip to content

internetErik/atomic-scss-starter-kit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Atomic SCSS Starter Kit

Scss starter kit emphasizing atomic styles but not preventing the use of BEM or OOCSS techniques for overriding.

How to use

  • 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 or nodemon (which will start app.js) to start express

What's Included?

  • 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
  • Gulp build system with autoprefixer, libsass (via gulp-sass), uncss (via gulp-uncss)
  • Some boilerplate pages (handlebars layout, index, routing)

Why?

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

About

Scss starter kit emphasizing atomic and composable styles

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published