h5bp/html5-boilerplate — pull request #1057 by kianoshp (2012-04-19 19:44:26+00:00)
Title: Added SASS CSS Boilerplate to CSS portion

After using H5BP and SASS CSS, I thought it would be a good fit to include
SASS CSS in H5BP. The css file (style.css) is broken down to the following
components:
* normalize.scss: this file contains the normalize css for the boilerplate.
Some components have been abstracted and placed in a file named
'_normalize-mixins.scss'.
* helper.scss: this file contains the helper classes (for example .ir and
.hidden classes).
* style.scss: this file will contain all the site specific css information.
* partials: This folder contains all the partial SASS CSS files that will
help in abstraction of css and data. All CSS (and SASS mixins) in these
file cannot stand on their own and require the above SASS CSS files to
use them:
** _media-queries.scss: This file will contain all the media queries
for the responsive design implementation.
** _mixins.scss: this file contains all the mixins that have been created
(and any future mixins).
** _normalize-mixins.scss: this file contains the mixins for normalize.scss file.
** _print.scss: this file contains all the CSS for the print version of the site.
** _variables.scss: this file contains all the variables that is used
throughout the SASS CSS files.
* functions: this folder contains all the SASS functions created. Each function
will be placed in their own file. For ease of use, create an overloaded
function that will be easier to type. For eaxmple in this boilerplate I
have created a function called 'responsive-font-size', I also have a function
named 'rfs'.
Note: in order to have one repository of CSS and not have to maintain the SASS and the
regular CSS version, it would be ideal that all changes to CSS be made to the SASS version
and compiled into style.css.
Added by Kianosh Pourian