From 23020cf686a791b935ae1db1c0984fea738f9890 Mon Sep 17 00:00:00 2001 From: Rob Date: Tue, 17 Dec 2019 14:22:28 -0800 Subject: [PATCH] Initial commit based off of normalize.css version 8.0.1: https://github.com/necolas/normalize.css/ Reformatted comments, reorganized some elements, and simplified a couple of redundancies. --- sscaffold.css | 264 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 264 insertions(+) create mode 100644 sscaffold.css diff --git a/sscaffold.css b/sscaffold.css new file mode 100644 index 0000000..7be0077 --- /dev/null +++ b/sscaffold.css @@ -0,0 +1,264 @@ +/** + * RESET + * + * Following rules are intended to fix layout quirks in different browsers. + * + */ + +html { + /* Fix the line height in all browsers. [1] */ + line-height: 1.15; + /* Prevent adjustments of font size after orientation changes in iOS. [1] */ + -webkit-text-size-adjust: 100%; +} + + +body { + /* Remove the margin in all browsers. [1] */ + margin: 0; +} + + +main { + /* Render the 'main' element consistently in IE. [1] */ + display: block; +} + + +details { + /* Add the correct display in Edge, IE 10+, and Firefox. [1] */ + display: block; +} + + +summary { + /* Add the correct display in all browsers. [1] */ + display: list-item; +} + + +template { + /* Add the correct display in IE 10+. [1] */ + display: none; +} + + +h1 { + /* Fix the font size and margin on 'h1' elements in 'section' and + 'article' contexts in Chrome, Firefox, and Safari. [1] */ + font-size: 2em; + margin: 0.67em 0; +} + + +hr { + /* Add the correct box sizing in Firefox. [1] */ + box-sizing: content-box; + height: 0; + /* Show the overflow in Edge and IE. [1] */ + overflow: visible; +} + + +pre, +code, +kbd, +samp { + /* Fix the inheritance and scaling of font size in all browsers. [1] */ + font-family: monospace, monospace; + /* Fix the odd 'em' font sizing in all browsers. [1] */ + font-size: 1em; +} + + +img { + /* Remove the border on images inside links in IE 10. [1] */ + border-style: none; +} + + +a { + /* Remove the gray background on active links in IE 10. [1] */ + background-color: transparent; +} + + +abbr[title] { + /* Remove the bottom border in Chrome 57-. [1] */ + border-bottom: none; + /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. [1] */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + + +b, +strong { + /* Add the correct font weight in Chrome, Edge, and Safari. [1] */ + font-weight: bolder; +} + + +small { + /* Enforce the correct font size in all browsers. [1] */ + font-size: 80%; +} + + +sub, +sup { + /* Prevent 'sub' and 'sup' elements from affecting the line height + in all browsers. [1] */ + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + + +sub { + /* Enforce 'sub' positioning in all browsers. [1] */ + bottom: -0.25em; +} + + +sup { + /* Enforce 'sup' positioning in all browsers. [1] */ + top: -0.5em; +} + + +button, +input, +optgroup, +select, +textarea { + /* Set the font styles to match the rest of the document in + all browsers. [1] */ + font-family: inherit; + font-size: 100%; + line-height: 1.15; + /* Remove the margin in Firefox and Safari. [1] */ + margin: 0; +} + + +button, +input { + /* Show the overflow in Edge. [1] */ + overflow: visible; +} + + +button, +select { + /* Remove the inheritance of text transform in Edge, Firefox, and IE. [1] */ + text-transform: none; +} + + +button, +[type="button"], +[type="reset"], +[type="submit"] { + /* Fix the inability to style clickable types in iOS and Safari. [1] */ + -webkit-appearance: button; +} + + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + /* Remove the inner border and padding in Firefox. [1] */ + border-style: none; + padding: 0; +} +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + /* Restore the focus styles unset by the previous rule. [1] */ + outline: 1px dotted ButtonText; +} + + +fieldset { + /* Fix 'fieldset' padding in Firefox. [1] */ + padding: 0.35em 0.75em 0.625em; +} + + +legend { + /* Fix text wrapping in Edge and IE. [1] */ + box-sizing: border-box; + display: table; + max-width: 100%; + white-space: normal; + /* Fix color inheritance from 'fieldset' elements in IE. [1] */ + color: inherit; + /* Remove padding so developer are not surprised when they zero out + 'fieldset' elements in all browsers. [1] */ + padding: 0; +} + + +progress { + /* Add the correct vertical alignment in Chrome, Firefox, and Opera. [1] */ + vertical-align: baseline; +} + + +textarea { + /* Remove the default vertical scrollbar in IE 10+. [1] */ + overflow: auto; +} + + +[type="checkbox"], +[type="radio"] { + /* Add the correct box sizing in IE 10. [1] */ + box-sizing: border-box; + /* Remove the padding present in IE 10. [1] */ + padding: 0; +} + + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + /* Fix the cursor style of increment and decrement buttons in Chrome. [1] */ + height: auto; +} + + +[type="search"] { + /* Fix appearance in Chrome and Safari. [1] */ + -webkit-appearance: textfield; + /* Fix the outline style in Safari. [1] */ + outline-offset: -2px; +} + + +[type="search"]::-webkit-search-decoration { + /* Remove the inner padding in Chrome and Safari on MacOS. [1] */ + -webkit-appearance: none; +} + + +::-webkit-file-upload-button { + /* Fix the inability to sytle clickable types in iOS and Safari. [1] */ + -webkit-appearance: button; + /* Fix the font properties in Safari. [1] */ + font: inherit; +} + + +[hidden] { + /* Add the correct display in IE 10. [1] */ + display: none; +} + +/** + * Credits: + * [1] normalize.css, https://github.com/necolas/normalize.css/ + */