2012-09-10 11:39:34 -04:00
|
|
|
/*
|
2013-07-15 05:19:46 -04:00
|
|
|
* Ribs
|
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-01-31 13:49:28 -05:00
|
|
|
@import "_variables";
|
2013-07-14 17:24:53 -04:00
|
|
|
@import "normalize/_normalize";
|
2013-01-31 13:49:28 -05:00
|
|
|
@import "_mixins";
|
2012-09-10 11:39:34 -04:00
|
|
|
|
|
|
|
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-07-15 05:19:46 -04:00
|
|
|
hr {
|
|
|
|
border: $hr_border;
|
|
|
|
border-width: $hr_border_width;
|
|
|
|
clear: both;
|
|
|
|
margin: $hr_margin;
|
|
|
|
height: 0;
|
|
|
|
}
|
|
|
|
|
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-07-15 05:19:46 -04:00
|
|
|
// Smaller than standard 960 (devices and browsers)
|
2012-09-10 11:39:34 -04:00
|
|
|
@media only screen and (max-width: 959px) {}
|
|
|
|
|
2013-07-15 05:19:46 -04:00
|
|
|
// Tablet Portrait size to standard 960 (devices and browsers)
|
2012-09-10 11:39:34 -04:00
|
|
|
@media only screen and (min-width: 768px) and (max-width: 959px) {}
|
|
|
|
|
2013-07-15 05:19:46 -04:00
|
|
|
// All Mobile Sizes (devices and browser)
|
2012-09-10 11:39:34 -04:00
|
|
|
@media only screen and (max-width: 767px) {}
|
|
|
|
|
2013-07-15 05:19:46 -04:00
|
|
|
// Mobile Landscape Size to Tablet Portrait (devices and browsers)
|
2012-09-10 11:39:34 -04:00
|
|
|
@media only screen and (min-width: 480px) and (max-width: 767px) {}
|
|
|
|
|
2013-07-15 05:19:46 -04:00
|
|
|
// 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) {}
|