/* ========================================================================== Type H5BP Normalize bits ========================================================================== */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } // ***:EDIT html, button, input, select, textarea { font-family: $base-font; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } // ***:EDIT blockquote { margin: $lh-px 0; margin: $lh-rem 0; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } // ***:EDIT p, pre { @include vr-ma; } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 75%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ dl, menu, ol, ul { margin: 0; } dd { margin: 0; } // ***:EDIT menu, ol, ul { padding: 0; list-style-position:inside; margin:$lh-px 0; margin:$lh-rem 0; } nav ul, nav ol { list-style: none; list-style-image: none; } ::-moz-selection { background: #ff0099; color:#fff; text-shadow: none; } ::selection { background: #ff0099; color:#fff; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* 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. ------------------------------------------------------------------------------ */ /* 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 ------------------------------------------------------------------------------ */ html, button, input, select, textarea { color: $col-body; } @include establish-baseline(); body{ //@include reset-baseline; @if $DEBUG == true{ @include debug-vertical-alignment(); } } /* ========================================================================== Headings ***:EDIT ========================================================================== */ h1,h2,h3,h4,h5,h6{ font-family:$base-font-alt; font-weight:600; margin:0; color:$col-header; } h1 { @include fz(32px); } h2 { @include fz(24px, 1); } h3 { @include fz(20px, 1); } h4 { @include fz(18px, 1); } h5 { @include fz(16px, 1); } h6 { @include fz(12px, 1); } /* ============================================================================= Links ========================================================================== */ a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a.btn{ @include button-style; } .lt-ie8{ a.btn{ vertical-align:top; //margin-top:-24px; //background:pink; } } /* 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){ /* ============================================================================= Comment ========================================================================== */ }// /@media dsk