/* ------------------------------------------------------------------------------ 888888 Yb dP 888888 888888 88b 88 8888b. 88__ YbdP 88 88__ 88Yb88 8I Yb 88"" dPYb 88 88"" 88 Y88 8I dY 888888 dP Yb 88 888888 88 Y8 8888Y" ------------------------------------------------------------------------------ Extend classes. These are classes should not in your HTML markup. These class should be reused in this module for neatness. ------------------------------------------------------------------------------ */ /* ============================================================================= Comment ========================================================================== */ /* ------------------------------------------------------------------------------ 8888b. 888888 888888 db 88 88 88 888888 .dP"Y8 888888 Yb dP 88 888888 .dP"Y8 8I Yb 88__ 88__ dPYb 88 88 88 88 `Ybo." 88 YbdP 88 88__ `Ybo." 8I dY 88"" 88"" dP__Yb Y8 8P 88 .o 88 o.`Y8b 88 8P 88 .o 88"" o.`Y8b 8888Y" 888888 88 dP""""Yb `YbodP' 88ood8 88 8bodP' 88 dP 88ood8 888888 8bodP' ------------------------------------------------------------------------------ Default style ------------------------------------------------------------------------------ */ /* ============================================================================= Layouts ========================================================================== */ .container { @include container; @if $DEBUG == true{ @include susy-grid-background; } } .l-main, .l-main-side, .l-side-main, .l-side-main-side{ //background:$col-light-gray; //border-bottom:1px solid $col-dark-gray; } /* ------------------------------------------------------------------------------ 8b d8 888888 8888b. 88 db dP"Yb 88 88 888888 88""Yb Yb dP 8b d8 dP"Yb 88""Yb 88 88 888888 88b d88 88__ 8I Yb 88 dPYb dP Yb 88 88 88__ 88__dP YbdP ________ 88b d88 dP Yb 88__dP 88 88 88__ 88YbdP88 88"" 8I dY 88 dP__Yb Yb b dP Y8 8P 88"" 88"Yb 8P """""""" 88YbdP88 Yb dP 88""Yb 88 88 .o 88"" 88 YY 88 888888 8888Y" 88 dP""""Yb `"YoYo `YbodP' 888888 88 Yb dP 88 YY 88 YbodP 88oodP 88 88ood8 888888 ------------------------------------------------------------------------------ Mobile ------------------------------------------------------------------------------ */ @media only screen and (min-width: $mq-mob-min) and (max-width: $mq-mob-max){ /* ============================================================================= Comment ========================================================================== */ }// /@media mob /* ------------------------------------------------------------------------------ 8b d8 888888 8888b. 88 db dP"Yb 88 88 888888 88""Yb Yb dP 888888 db 88""Yb 88 888888 888888 88b d88 88__ 8I Yb 88 dPYb dP Yb 88 88 88__ 88__dP YbdP ________ 88 dPYb 88__dP 88 88__ 88 88YbdP88 88"" 8I dY 88 dP__Yb Yb b dP Y8 8P 88"" 88"Yb 8P """""""" 88 dP__Yb 88""Yb 88 .o 88"" 88 88 YY 88 888888 8888Y" 88 dP""""Yb `"YoYo `YbodP' 888888 88 Yb dP 88 dP""""Yb 88oodP 88ood8 888888 88 ------------------------------------------------------------------------------ Tablet ------------------------------------------------------------------------------ */ @media only screen and (min-width: $mq-tab-min) and (max-width: $mq-tab-max){ /* ============================================================================= Comment ========================================================================== */ }// /@media tab /* ------------------------------------------------------------------------------ 8b d8 888888 8888b. 88 db dP"Yb 88 88 888888 88""Yb Yb dP 8888b. 888888 .dP"Y8 88 dP 888888 dP"Yb 88""Yb 88b d88 88__ 8I Yb 88 dPYb dP Yb 88 88 88__ 88__dP YbdP ________ 8I Yb 88__ `Ybo." 88odP 88 dP Yb 88__dP 88YbdP88 88"" 8I dY 88 dP__Yb Yb b dP Y8 8P 88"" 88"Yb 8P """""""" 8I dY 88"" o.`Y8b 88"Yb 88 Yb dP 88""" 88 YY 88 888888 8888Y" 88 dP""""Yb `"YoYo `YbodP' 888888 88 Yb dP 8888Y" 888888 8bodP' 88 Yb 88 YbodP 88 ------------------------------------------------------------------------------ Desktop ------------------------------------------------------------------------------ */ @media only screen and (min-width: $mq-dsk-min){ /* ============================================================================= Layout: Main ========================================================================== */ .l-main{ @include legacy-pie-clearfix; .mod-content{ @include span-columns(12, 12); }// /.mod-content }// /.l-main /* ============================================================================= Layout: Main Side ========================================================================== */ .l-main-side{ @include legacy-pie-clearfix; .mod-sidebar{ @include span-columns(3, 12); &:last-child{ @include omega; } }// /.mod-sidebar .mod-content{ @include span-columns(9, 12); }// /.mod-content }// /.l-main-side /* ============================================================================= Layout: Side Main ========================================================================== */ .l-side-main{ @include legacy-pie-clearfix; .mod-sidebar{ @include span-columns(3, 12); }// /.mod-sidebar .mod-content{ @include span-columns(9 omega, 12); }// /.mod-content }// /.l-main-side /* ============================================================================= Layout: Side Main Side ========================================================================== */ .l-side-main-side{ @include legacy-pie-clearfix; .mod-sidebar{ @include span-columns(3, 12); &:last-child{ @include omega; } }// /.mod-sidebar .mod-content{ @include span-columns(6, 12); }// /.mod-content } }// /@media dsk