SCSS: site.scss

_scaffolding.scss

//----------------------------------------------------------------------------
// site.scss
// The base styles and base layout go here. 
//----------------------------------------------------------------------------


// ---------------------------------------------------------------------------
// ROOT

html 
{
background : $bodyBackground;
font-size : 62.5%;
-webkit-overflow-scrolling : touch;
-webkit-tap-highlight-color : lighten($baseColor, 75%);
-webkit-text-size-adjust : 100%;
-ms-text-size-adjust : 100%; 
}

body 
{
margin : 0;
padding : 0;
width : 100%;
background-color : transparent;
font-family : $baseFontFamily;
font-size: $baseFontSize;
line-height : $baseLineHeight;
color : $baseTextColor; 
}

//Render media-ready elements at any size
img,
embed, 
object, 
video 
{
	max-width: 100%;
}

// ---------------------------------------------------------------------------
// LAYOUT

.page 
{
  @include container;
  @include susy-grid-background;
}

// HEADER

.header
{
	margin: 0 auto;
}

// CONTENT

.content
{

}

// FOOTER

footer
{

}