/*-----------------------------------------------------------------------------------*/ /* Reset /*-----------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]), [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, figure { margin: 0; } img { border: 0; -ms-interpolation-mode: bicubic; } a { &:hover, &:active, &:focus { outline: none; -moz-outline-style: none; } } input { -webkit-border-radius: 0; border-radius: 0; } ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #999; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; &:before, &:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } ::selection, ::-moz-selection { background: #d7f4f9; } /* Clearfix */ .clearfix:after, #main-wrap .sharedaddy:after, .clear:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .cf { &:before { content: " "; /* 1 */ display: table; /* 2 */ } &:after { content: " "; /* 1 */ display: table; /* 2 */ clear: both; } }