#CSS Devices
Readymade and responsive desktop, tablet, and phones in pure SASS baby!
Since everything is done in SASS, you can fine-tune the solution to your needs, breakpoints, color scheme, etc. Just change the variables to rock and roll.
##Installation
Okay, so you're ready to rock an roll?
bower install css-devices
npm install
@import "../bower_components/css-devices/scss/css-devices.scss";
##Examples
To view all the examples, please go to the following link: http://gustodev.github.io/css-devices/.
##Things to keep in mind
This little library isn't meant to replace the use of media queries and Javascript. It's simply a starting place for having CSS only device displays within your website. If you could like to have more control over how the devices resize then I'd suggest either implementing the changing of values with your own media queries or writing your own Javascript. The reason I didn't do that here is because I don't know what breakpoints you will have in your site. The attempt of this library is to do the best job at making fluid device displays and letting you pick up the minor details; keep that in mind!
##Support
If you need any help, please feel free to contact me at patrick@gusto.is. If you'd like to add, change, or improve to CSS Devices, then fork and PR to your heart's content! Just make sure to run gulp watch
to get it all rolling!
Much <3 from Gusto!