A simple SASS / CSS boilerplate
Based on HTML5 Boilerplate, boilerSASS is an elementary SASS boilerplate for easy webproject setup.
boilerSASS provides a common style for all commons html elements such as: html, body, h*, p, a, ul, ol, img, span, small, form, input, select, textarea and much more. You can setup any custom fonts or colors you need and use many useful mixins that make your work faster.
boilerSASS is a Grunt ready project, so Grunt is required and you can discover more about it from https://gruntjs.com.
boilerSASS is a simple SASS Boilerplate useful to start a complete new web project in less than 10 minutes
From version 2.0.0 all external libs and packages was removed and project is heavy changed.
POSTCSS are now included to the project, so, for this reason, some mixins was removed or changed.
-
Download BoileSASS Download BoilerSASS project from https://github.com/Gix075/boilerSass/releases then extract
dist/boilerSASS_[version]
where you need. TheboilerSASS_[version]
dir will be the main directory for your new project and can be renamed as you need. Warning: for new projects you must use only the files indist/boilerSASS_[version]
. Thesrc
must be used only for BoilerSASS developement -
Install NPM components Open the package.json file and edit the values for name and version, then open you system console and access
boilerSASS_[version]
directory on your desktop then type$ npm install
-
Using SASS Once BoilerSASS is installed you can start coding Sass Type
$ Grunt
on your console to first BoilerSASS compile and to start the watch task that autocomile SASS files when changed and POSTCSS fix your css with all required prefixes. -
Customize your
dist/package.json
anddist/Gruntfile.js
as you need!
- New sass math usage
- New flex grid
- New mixins and classes added
- Normalize.css updated to version 8.0.1
- _grid.scss partials renamed in _columns.scss
- Code cleaning
- Old deprecated mixins removed
- Bug fixed in flex grid
- Bug fixed for sr_only mixin
- Bug fixed in placeholder mixin
- Bug fixed in button mixin
- Bug fixed in margins and paddings utility classes
- Some sass code changed
- Variables changed
- Grid file added
- Flex file renamed
- New responsive style added for Headlines
- New responsive font sizes mixin added for Headlines
- Very simple form style added
- Some bug fixed for forms style
- Romoved all external libs and packages.
- Only normalize.css is included
- POSTCSS added to the project
- Bug on body padding and margin solved
- Typography style updated
- New typography helper classes added
- New transition easings mixins added
- New Demo file added (uncompleted)
- Bootstrap updated to version 4 stable
- Bug fixed on src/partials/_variables.scss
- Bug fixed on src/partials/_typography.scss
- Some changes to src/package.json
- Documentation updated
- Some Bug Fixed
- HTML5 Boilerplate project icons replaced
- New Ditribution Package added: boilerSass_1.7.3.zip
- Repository structute completely changed
- HTML5 Boilerplate manually updated to v6.0.1 and removed from NPM control
- Font Weight helper classes and variables added to _typography.scss and _variables.scss
- AnimateCSS added to the project
- Installation bug fixed
- Mixins added
- CSS Style fixed
- Dynamical installation process fixed
- MaterialDesign Icons added
- Elegant Icons added
- Dynamical installation process added
- Normalize.css
- Bootstrap 4 added
- FontAwesome added
- New mixins added
- New variables added
- New variables added
- First porting of boilerLESS
boilerSASS is the SASS version of the previous https://github.com/Gix075/boilerLess