/* ------------------ EDGE Boilerplate --------------------- */ // Set box-sizing globally to handle padding and border widths *, *:before, *:after { @include box-sizing(border-box); } html, body { font-size: $base-font-size; } body { position : relative; background : $body-bg; color : $body-font-color; padding : 0; margin : 0; font-family : $body-font-family; font-weight : $body-font-weight; font-style : $body-font-style; line-height : 1; } h1, h2, h3, h4, h5, h6 { font-family : $header-font-family; } p { line-height : 1.5; margin-top : 0; margin-bottom : 0; } // A better looking default horizontal rule hr { display : block; height : 1px; margin : 1em 0; padding : 0; border : 0; border-top : 1px solid #ccc; } // Override `normalize` part that we don't like a:focus { outline: none; } h1 { margin: 0; } fieldset { border : 0; margin : 0; padding : 0; } // Grid Defaults to get images and embeds to work properly img, object, embed { max-width: 100%; height: auto; } object, embed { height: 100%; } #map_canvas, .map_canvas { img, embed, object { max-width: none !important; } } // Allow only vertical resizing of textareas. textarea { resize : vertical; height : auto; min-height : 50px; } // Make select elements 100% width by default select { width: 100%; } // Get rid of gap under images img { display: inline-block; vertical-align: middle; -ms-interpolation-mode: bicubic; } // Chrome Sibling Selector Fix body { -webkit-animation: bugfix infinite 1s; } @-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } } // Disable text-shadow on selection ::-moz-selection { background : #3297fd; text-shadow : none; } ::selection { background : #3297fd; text-shadow : none; } // ----------------------------------- /* Miscellaneous useful HTML classes */ // ----------------------------------- .left { float: left !important; } .right { float: right !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .hide { display: none !important; visibility: hidden !important; } .visual-hide { border : 0 !important; clip : rect(0 0 0 0) !important; height : 1px !important; margin : -1px !important; overflow : hidden !important; padding : 0 !important; position : absolute !important; width : 1px !important; } .bold, b, strong { font-weight: 700 !important; } .italic, em { font-style: italic !important; } // Font smoothing, only works on Safari Webkit .antialiased { -webkit-font-smoothing: antialiased; }