UNPKG

@ignatiusmb/styles

Version:

Essential stylesheets

180 lines (179 loc) 2.54 kB
*, ::after, ::before { box-sizing: border-box; } html { font-family: var(--font-default); line-height: 1.15; -webkit-text-size-adjust: 100%; } body { min-height: 100vh; scroll-behavior: smooth; text-rendering: optimizeSpeed; } main { display: block; } blockquote, body, dd, dl, figcaption, figure, h1, h2, h3, h4, h5, h6, li, ol[class], p, ul[class] { margin: 0; font-weight: normal; } code, kbd, pre, samp { margin: 0; font-family: var(--font-monospace); font-weight: lighter; } hr { box-sizing: content-box; height: 0; overflow: visible; } ol[class], ul[class] { padding: 0; } a, a:visited { text-decoration: none; background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline dotted; } b, strong { font-weight: bolder; } small { font-size: 0.8rem; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button { cursor: pointer; padding: 0.2em 0.5em; border: 0; outline: 0; background: 0; } [type='button'], [type='reset'], [type='submit'], button { -webkit-appearance: button; appearance: button; } [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring, button:-moz-focusring { outline: 1px dotted #000; } input { width: 100%; padding: 0.8em 0.9em; border: none; border-radius: 0.3em; background-color: var(--bg-base); } textarea { overflow: auto; } img { max-width: 100%; display: block; border-style: none; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } [type='checkbox'], [type='radio'] { box-sizing: border-box; padding: 0; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { -webkit-appearance: textfield; appearance: textfield; outline-offset: -2px; } [type='search']::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; }