/css-devices

Readymade and responsive desktop, tablet, and phones in pure SASS baby!

Primary LanguageCSS

#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?

  1. bower install css-devices
  2. npm install
  3. @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!