SMACSS that Sass - Get started faster with this mobile-first responsive boilerplate of HTML and SCSS files.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENSE
README.md

README.md

SMACSS that Sass

A Mobile-First RWD + SMACSS + Sass Boilerplate, FTW!

NUTSHELL: Get started faster with this mobile-first responsive boilerplate of HTML and SCSS files.

DETAILS: "SMACSS that Sass"" is an unprofessional name for a professional front-end boilerplate of HTML and SCSS files intended to help me (and you, if you wish to use it) get started faster when building mobile-first responsive web sites and apps.

As the project title suggests, this Sass-based boilerplate follows an approach to site development known as SMACSS, or Scalable and Modular Architecture for CSS. Essentially, it is a process of developing with consistent naming conventions and reusable patterns when using CSS.

This project is the product of my 13+ years of web development experience. I have of course learned from, been inspired by, and borrowed heavily from the combined and shared knowledge of the overall community. Some callouts:

I am putting this up on GitHub mostly for my own use, though I welcome anybody to use it they find it helpful.

Features

  • SMACSS and OOCSS conventions
  • Sass utilities and configuration conveniences baked in
  • Mobile-first approach
  • Responsive design techniques
  • HTML5 ready
  • Designed with progressive enhancement and cross-browser compatibility in mind
  • IE-specific classes and Sass mixins for precise cross-browser control.
  • Placeholder CSS Media Queries
  • more... a work in progress

Now - SMACSS that Sass!