// Table of Contents // ================================================== // Reset // Base // Reset // ================================================== a, abbr, address, area, article, aside, audio, b, bdi, bdo, blockquote, body, br, button, canvas, caption, cite, code, col, colgroup, datalist, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, i, iframe, img, input, ins, kbd, keygen, label, legend, li, main, map, mark, menu, menuitem, meter, nav, object, ol, optgroup, option, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, select, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, u, ul, var, video, wbr { border-color: inherit; color: inherit; font-size: 100%; font-family: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always; font-style: inherit; font-variant: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; outline: 0; padding: 0; text-align: inherit; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: inherit; } article, aside, details, figcaption, figure, main, menu, nav, section, summary { display: block; } template, [hidden] { display: none; } [disabled] { cursor: not-allowed; &:active { pointer-events: none; } } hr { box-sizing: content-box; height: 0; overflow: visible; } // Base // ================================================== html, body { @include overflow-scrolling(touch); @include tap-highlight-color(color(transparent)); @include text-size-adjust(100%); display: inline; height: 100%; width: 100%; touch-action: manipulation; } body { background: color(white); border-color: color(dark-haze); color: color(black); font-family: text-family(sans-serif); font-size: text-size(b); font-variant: normal; font-weight: normal; letter-spacing: 0; line-height: text-line-height(b); text-align: left; text-decoration: none; text-transform: none; } ::-moz-selection { background: transparentize(color(primary), 0.8); } ::selection { background: transparentize(color(primary), 0.8); }