diff --git a/.gitignore b/.gitignore index 9daa824..d3f9e9e 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,3 @@ .DS_Store node_modules +package-lock.json \ No newline at end of file diff --git a/reboot.css b/reboot.css index 8814586..f381647 100644 --- a/reboot.css +++ b/reboot.css @@ -1 +1 @@ -*{background-size:cover}*,::before,::after{background-repeat:no-repeat;background-position:center;box-sizing:inherit;position:relative}::before,::after{text-decoration:inherit;vertical-align:inherit}html{box-sizing:border-box;cursor:default;line-height:1.5;-webkit-text-size-adjust:100%}body,optgroup{margin:0}details{display:block}summary{display:list-item}template{display:none}h1{font-size:2em;margin:0.6875em 0}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}b,strong{font-weight:bolder}progress{vertical-align:baseline}small{font-size:83.3333%}sub,sup{font-size:83.3333%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}::-moz-selection,::selection{background-color:#b3d4fc;color:#000000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}figure{margin:0}svg{fill:currentColor}table{border-collapse:collapse}::-moz-focus-inner{border-style:none;padding:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.75em 0.625em}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto;resize:vertical}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.5}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}a{background-color:transparent;-webkit-text-decoration-skip:objects}a,area,button,input,label,select,textarea,[tabindex]{touch-action:manipulation}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}:-moz-focusring{outline:1px dotted ButtonText}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[aria-busy="true"]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}nav ol,nav ul{list-style:none}[hidden][aria-hidden="false"]{clip:rect(0, 0, 0, 0);display:inherit;position:absolute}[hidden][aria-hidden="false"]:focus{clip:auto} +*{background-size:cover}*,::before,::after{background-repeat:no-repeat;background-position:center;box-sizing:inherit;position:relative}::before,::after{text-decoration:inherit;vertical-align:inherit}html{box-sizing:border-box;cursor:default;line-height:1.5;-webkit-text-size-adjust:100%}body,optgroup{margin:0}details{display:block}summary{display:list-item}template{display:none}h1{font-size:2em;margin:0.6875em 0}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}b,strong{font-weight:bolder}progress{vertical-align:baseline}small{font-size:83.3333%}sub,sup{font-size:83.3333%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}::-moz-selection,::selection{background-color:#b3d4fc;color:#000000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}svg{fill:currentColor}svg:not(:root){overflow:hidden}img,svg{display:block;max-width:100%}img{height:auto}figure{margin:0}svg{fill:currentColor}table{border-collapse:collapse}::-moz-focus-inner{border-style:none;padding:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.75em 0.625em}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto;resize:vertical}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.5}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}a{background-color:transparent;-webkit-text-decoration-skip:objects}a,area,button,input,label,select,textarea,[tabindex]{touch-action:manipulation}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}:-moz-focusring{outline:1px dotted ButtonText}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[aria-busy="true"]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}nav ol,nav ul{list-style:none}[hidden][aria-hidden="false"]{clip:rect(0, 0, 0, 0);display:inherit;position:absolute}[hidden][aria-hidden="false"]:focus{clip:auto} diff --git a/reboot.scss b/reboot.scss index f10ccfb..763c9ec 100644 --- a/reboot.scss +++ b/reboot.scss @@ -234,9 +234,28 @@ video { /*----------------------------------------------------------------------------*\ - Figure reset (opinionated). + 1. Change the fill color to match the text color in all browsers (opinionated). + 2. Hide the overflow in IE. \*----------------------------------------------------------------------------*/ +svg { + fill: currentColor; /* 1 */ + + &:not(:root) { + overflow: hidden; /* 2 */ + } +} + +img, +svg { + display: block; + max-width: 100%; +} + +img { + height: auto; +} + figure { margin: 0; }