Skip to content

lgraubner/sass-boilerplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Basic file structure and styles for new projects.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages