UNPKG

@beamwind/reset

Version:

An opinionated set of base styles for legacy browsers like IE10/11

61 lines (59 loc) 2.95 kB
// src/reset.ts var reset = (theme) => [ `:root{-moz-tab-size:4;tab-size:4}`, `blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}`, `button{background-color:transparent;background-image:none}`, `button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button}`, `button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}`, `fieldset{margin:0;padding:0}`, `ol,ul{list-style:none;margin:0;padding:0}`, `html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:${theme("fontFamily", "sans", "ui-sans-serif,system-ui,sans-serif")}}`, `body{margin:0;font-family:inherit;line-height:inherit}`, `*,::before,::after{box-sizing:border-box;border:0 solid ${theme("borderColor", "DEFAULT", "currentColor")}}`, `hr{height:0;overflow:visible;color:inherit;border-top-width:1px}`, `img{border-style:solid}`, `textarea{overflow:auto;resize:vertical}`, `input::placeholder,textarea::placeholder{color:${theme("placeholderColor", "DEFAULT", "#a1a1aa")}}`, `button,[role="button"]{cursor:pointer}`, `table{text-indent:0;border-color:inherit;border-collapse:collapse}`, `h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}`, `a{color:inherit;text-decoration:inherit}`, `button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0;padding:0;line-height:inherit;color:inherit}`, `button,select{text-transform:none}`, `::-moz-focus-inner{border-style:none;padding:0}`, `:-moz-focusring{outline:1px dotted ButtonText}`, `:-moz-ui-invalid{box-shadow:none}`, `legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}`, `progress{vertical-align:baseline}`, `::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}`, `[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}`, `::-webkit-search-decoration{-webkit-appearance:none}`, `::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}`, `summary{display:list-item}`, `abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}`, `b,strong{font-weight:bolder}`, `pre,code,kbd,samp{font-family:${theme("fontFamily", "mono", "ui-monospace,monospace")};font-size:1em}`, `sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}`, `sub{bottom:-0.25em}`, `sup{top:-0.5em}`, `img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}`, `img,video{max-width:100%;height:auto}`, `main{display: block}`, `a{background-color:transparent}`, `img{border-style:none}`, `button,input{overflow:visible}`, `[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}`, `details{display:block}`, `summary{display:list-item}`, `template{display:none}`, `[hidden]{display:none}` ]; // src/index.ts var src_default = () => ({ init(insert, theme) { reset(theme).forEach(insert); } }); export { src_default as default };