UNPKG

resets

Version:

Reset is a SCSS/CSS proyect to standardizing your HTML elements

172 lines (148 loc) 3.38 kB
/** * @author Rodrigo Ahumada, Front-end Developer * @description Custom SCSS reset most used HTML elements and global Config. * @params $font-size-global, $font-size, $font-family * @version 1.0.4 * @licence free (public domain) */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video, img, main, input, textarea, select { border: 0; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video, main, img { display: block; } html { font-size: 62.5%; -webkit-text-size-adjust: 62.5%; -ms-text-size-adjust: 62.5%; } body { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: normal; line-height: 1.6875; -webkit-font-smoothing: antialiased; -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-user-select: text; } h1 { font-size: 2.4rem; } h2 { font-size: 2.2rem; } h3 { font-size: 2rem; } h4 { font-size: 1.8rem; } h5 { font-size: 1.6rem; } h6 { font-size: 1.4rem; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } p, span, strong, label, a, li, ol, th, td { font-size: 1.4rem; line-height: 2.1rem; } p strong { font-size: inherit; line-height: inherit; font-weight: 700; } span, label, strong, li, ol, th, td { color: inherit; } small { font-size: 1.12rem; } a { text-decoration: none; outline: 0; } a:hover { text-decoration: underline; } a:link, a:visited, a:hover, a:active { outline: 0; } a img { border: 0; } progress[value] { -webkit-appearance: none; appearance: none; width: 100%; height: 35px; border: none; color: inherit; } progress[value]::-webkit-progress-bar { background-color: #eee; border-radius: 2px; } progress[value]::-webkit-progress-value { background-color: #2980b9; } li { list-style-type: none; } textarea { vertical-align: top; resize: vertical; font-family: inherit; width: 100%; padding: 10px; } input, select { vertical-align: middle; } select { background: white; -webkit-appearance: menulist-button; } input[type="search"]::-ms-clear, input[type="search"]::-webkit-search-cancel-button { display: none; } input[type="file"] { background: none; } input[type="checkbox"], input[type="radio"] { padding: 0; vertical-align: text-bottom; } input[type="button"], input [type="text"], input [type="password"] { border: 0; display: block; width: 100%; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; font-weight: 700; border: 0; vertical-align: middle; -webkit-appearance: button; } button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled { cursor: not-allowed; opacity: .5; } table { border-collapse: collapse; border-spacing: 0; max-width: 100%; width: 100%; } table td, table tr { border: 0; }