lgraubner / sass-boilerplate

Basic file structure and styles for new projects.

Sass boilerplate

This is a starting point for projects using Sass. The following features are included:

• Folder structure orientated on the 7-1 Pattern
• Reset (provided by normalize.css)
• Base styling and best practices
• Print styles (taken from HTML5 boilerplate)
• Useful mixins (mediaquery, font-size)
• Helper functions and classes
• Base variable template

Everything is included in the main.scss file. To get started compile everything using this as entry point. You should also use postcss/autoprefixer to handle browser specific prefixes.

Best practices

• Use px values for fonts
• Use Flexbox it's adopted in all current browsers
• Let autoprefixer handle vendor prefixes