boilerplate.css v1.0.8

boilerplate.css

I've generated a CSS reset that takes Reset.css, Normalize.css, and Sanitize.css and puts them all in one optimized, minified and performant file. (5kb unminified, 4kb. minified)

Acknowledgement: I am just starting this project and it's development is ongoing. I've noticed some of the other related projects to normalize.css and will be updating this project to work with those asap.

I took Reset.css, Normalize.css, and Sanitize.css and ran them through the following stylesheet optimizers (in order): csso, css-nano, and css-purge so that the stylesheet's file size and rule declaration is performant. This project is kind of an experiment to see what that combination makes currently too and I'll be analyzing it make sure nothing strange is happening.

After running the outcome through Prettier for code formatting, I format it myself to make it so if you opened the unminified version you could tell what was going on.

• Todo
  • Move / Summarize Comments for /dist
  • Integrate with stanards set by projects listed by Awesome CSS Frankeworks

This repo will be updated as often as the main projects it uses to create itself. See scripts section in package.json for these details.

Deployment

How to use:

• npm install boilerplate.css
• CSS
  • boilerplate.css and boilerplate.min.css will be included in dist/css and dist/scss directory, go ahead and include these before your styles how you please.
• SCSS
  • Just @import '/path/to/node_modules/boilerplate.css/boilerplate
    • If you dont want sass to generate a "@import:url('/path/to.css')" then DO NOT include the file extension.

Contributing

Let me get this project working and and more thought out and I'll get people contributing to this.

Authors

• Right now its just me.

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Acknowledgments (Thank you!)

• reset.css : Authors Site
• necolas for making normalize.css which is used in this project to generate its outcome.
• sanitize.css team.
• sass: We all know and love these people for obvious reasons. I use it in this project to make the whole project via @import in a file used pre-optimization.
• csso: This thing is great! It's used to optimize boilerplate.css.
• css-purge: This thing is great! I use it to remove duplicate stylesheet rules and optimize boilerplate.css.
• Shoutout to PurpleBooth for making this readme.md template and showing up on google in first place. You truly rule!

Development Notes

##Why Node-sass v 4.9.0? Apparently node-sass squad wants to remove import() or something cause it's marked for deprication. Kind of need that for now, I'll be watching to find a replacement.