https://github.com/lgraubner/sass-boilerplate
Basic file structure and styles for new projects.
https://github.com/lgraubner/sass-boilerplate
boilerplate responsive sass sass-boilerplate
Last synced: 6 months ago
JSON representation
Basic file structure and styles for new projects.
- Host: GitHub
- URL: https://github.com/lgraubner/sass-boilerplate
- Owner: lgraubner
- License: mit
- Created: 2016-01-04T11:33:24.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2017-11-09T23:14:42.000Z (almost 8 years ago)
- Last Synced: 2025-04-13T18:13:33.294Z (6 months ago)
- Topics: boilerplate, responsive, sass, sass-boilerplate
- Language: CSS
- Size: 25.4 KB
- Stars: 3
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Sass boilerplate
This is a starting point for projects using Sass. The following features are included:
* Folder structure orientated on the [7-1 Pattern](http://sass-guidelin.es/#the-7-1-pattern)
* Reset (provided by [normalize.css](https://necolas.github.io/normalize.css/))
* Base styling and best practices
* Print styles (taken from [HTML5 boilerplate](https://html5boilerplate.com/))
* 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`](https://www.google.de/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=autoprefixer) to handle browser specific prefixes.
## Best practices
* Use `px` values for fonts
* Use Flexbox it's adopted in all [current browsers](http://caniuse.com/#feat=flexbox)
* Let autoprefixer handle vendor prefixes