2012-09-10 11:39:34 -04:00
|
|
|
/*
|
2013-05-28 15:35:21 -04:00
|
|
|
* Ribs V1.0.2
|
2013-04-23 16:29:51 -04:00
|
|
|
* Skeleton is Copyright 2011, Dave Gamache
|
2013-01-31 13:49:28 -05:00
|
|
|
*
|
2013-05-28 15:35:21 -04:00
|
|
|
* Ribs is the evolution of Skeleton by Nick Pack
|
2012-09-10 11:39:34 -04:00
|
|
|
* Free to use under the MIT license.
|
|
|
|
* http://www.opensource.org/licenses/mit-license.php
|
2013-05-28 15:35:21 -04:00
|
|
|
* 28/05/2013
|
2012-09-10 11:39:34 -04:00
|
|
|
*/
|
|
|
|
|
2013-01-31 13:49:28 -05:00
|
|
|
@import "_variables";
|
|
|
|
@import "_reset";
|
|
|
|
@import "_mixins";
|
2012-09-10 11:39:34 -04:00
|
|
|
|
|
|
|
/* #Basic Styles
|
|
|
|
================================================== */
|
|
|
|
body {
|
|
|
|
background: #fff;
|
2013-01-31 13:49:28 -05:00
|
|
|
font: 14px/21px $body_font_family;
|
2012-09-10 11:39:34 -04:00
|
|
|
color: #444;
|
|
|
|
-webkit-text-size-adjust: 100%;
|
2013-05-17 08:01:58 -04:00
|
|
|
-ms-text-size-adjust: 100%;
|
2012-09-10 11:39:34 -04:00
|
|
|
}
|
|
|
|
|
2013-01-31 13:49:28 -05:00
|
|
|
@import "_grid";
|
|
|
|
@import "_typography";
|
|
|
|
@import "_links";
|
|
|
|
@import "_lists";
|
|
|
|
@import "_forms";
|
|
|
|
@import "_images";
|
2012-09-10 11:39:34 -04:00
|
|
|
|
2013-05-28 15:35:21 -04:00
|
|
|
/* #Example Media Queries
|
2012-09-10 11:39:34 -04:00
|
|
|
================================================== */
|
|
|
|
|
|
|
|
/* Smaller than standard 960 (devices and browsers) */
|
|
|
|
@media only screen and (max-width: 959px) {}
|
|
|
|
|
|
|
|
/* Tablet Portrait size to standard 960 (devices and browsers) */
|
|
|
|
@media only screen and (min-width: 768px) and (max-width: 959px) {}
|
|
|
|
|
|
|
|
/* All Mobile Sizes (devices and browser) */
|
|
|
|
@media only screen and (max-width: 767px) {}
|
|
|
|
|
|
|
|
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
|
|
|
|
@media only screen and (min-width: 480px) and (max-width: 767px) {}
|
|
|
|
|
|
|
|
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
|
2012-09-10 12:16:47 -04:00
|
|
|
@media only screen and (max-width: 479px) {}
|