//
// note: this file is for use with Sass and Compass - http://sass-lang.com, http://compass-style.org
// don't use it as your live site stylesheet!
//


// import global variables
@import "core/settings";

// import Compass, Compass Plugins and any additional mixins
@import "core/helpers";



/* ==========================================================================
   Desktop version layout for IE8 due to lack of media queries support
   ========================================================================== */

.layout--span-1-6 {
    @include grid-span(6, 1, $options: 'both');
}

.layout--span-7-12 {
    @include grid-span(6, 7);
}

.layout--span-1-4 {
    @include grid-span(4, 1, $options: 'both');
}

.layout--span-5-8 {
    @include grid-span(4, 5);
}

.layout--span-9-12 {
    @include grid-span(4, 9);
}

.layout--span-1-8 {
    @include grid-span(8, 1, $options: 'both');
}

.layout--span-5-12 {
    @include grid-span(8, 5);
}

.layout--span-1-3 {
    @include grid-span(3, 1, $options: 'both');
}

.layout--span-4-6 {
    @include grid-span(3, 4);
}

.layout--span-7-9 {
    @include grid-span(3, 7);
}

.layout--span-10-12 {
    @include grid-span(3, 10);
}

.layout--span-4-9 {
    @include grid-span(6, 4);
}

.layout--span-1-9 {
    @include grid-span(9, 1, $options: 'both');
}

.layout--span-4-12 {
    @include grid-span(9, 4);
}



/* ==========================================================================
   Fix for reponsive embedded content in IE8
   ========================================================================== */

img,
video {
    width: auto;
}

Add some rules to the IE8 CSS file
Add some rules to the IE8 CSS file
