From 1665de41ba5618ddfb1e4f713de3a3be0228f15a Mon Sep 17 00:00:00 2001 From: jimfrenette Date: Wed, 23 Jan 2019 19:48:19 -0500 Subject: initial commit --- src/js/index.js | 3 + src/sass/_normalize.scss | 255 +++++++++++++++++++++++++++++++++++++++++++++++ src/sass/style.scss | 1 + 3 files changed, 259 insertions(+) create mode 100644 src/js/index.js create mode 100644 src/sass/_normalize.scss create mode 100644 src/sass/style.scss (limited to 'src') diff --git a/src/js/index.js b/src/js/index.js new file mode 100644 index 0000000..30244e3 --- /dev/null +++ b/src/js/index.js @@ -0,0 +1,3 @@ +import style from '../sass/style.scss' + +alert('test'); \ No newline at end of file diff --git a/src/sass/_normalize.scss b/src/sass/_normalize.scss new file mode 100644 index 0000000..ba0a4cf --- /dev/null +++ b/src/sass/_normalize.scss @@ -0,0 +1,255 @@ +/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */ + +/* Document + ========================================================================== */ + +/** + * Use a better box model (opinionated). + */ + + html { + box-sizing: border-box; + } + + * { + box-sizing: inherit; + &::before, &::after { + box-sizing: inherit; + } + } + + /** + * Use a more readable tab size (opinionated). + */ + + :root { + -moz-tab-size: 4; + tab-size: 4; + } + + /** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + + html { + line-height: 1.15; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ + } + + /* Sections + ========================================================================== */ + + /** + * Remove the margin in all browsers. + */ + + body { + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; + } + + /** + * Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) + */ + + /* Grouping content + ========================================================================== */ + + /** + * Add the correct height in Firefox. + */ + + hr { + height: 0; + } + + /* Text-level semantics + ========================================================================== */ + + /** + * Add the correct text decoration in Chrome, Edge, and Safari. + */ + + abbr[title] { + text-decoration: underline dotted; + } + + /** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + + b, strong { + font-weight: bolder; + } + + /** + * 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) + * 2. Correct the odd `em` font sizing in all browsers. + */ + + code, kbd, samp, pre { + font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ + } + + /** + * Add the correct font size in all browsers. + */ + + small { + font-size: 80%; + } + + /** + * Prevent `sub` and `sup` elements from affecting the line height in all browsers. + */ + + sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + } + + sub { + bottom: -0.25em; + } + + sup { + top: -0.5em; + } + + /* Forms + ========================================================================== */ + + /** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + + button, input, optgroup, select, textarea { + font-family: inherit; + /* 1 */ + font-size: 100%; + /* 1 */ + line-height: 1.15; + /* 1 */ + margin: 0; + /* 2 */ + } + + /** + * Remove the inheritance of text transform in Edge and Firefox. + * 1. Remove the inheritance of text transform in Firefox. + */ + + button, select { + /* 1 */ + text-transform: none; + } + + /** + * Correct the inability to style clickable types in iOS and Safari. + */ + + button, [type='button'], [type='reset'], [type='submit'] { + -webkit-appearance: button; + } + + /** + * Remove the inner border and padding in Firefox. + */ + + button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { + border-style: none; + padding: 0; + } + + /** + * Restore the focus styles unset by the previous rule. + */ + + button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { + outline: 1px dotted ButtonText; + } + + /** + * Correct the padding in Firefox. + */ + + fieldset { + padding: 0.35em 0.75em 0.625em; + } + + /** + * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. + */ + + legend { + padding: 0; + } + + /** + * Add the correct vertical alignment in Chrome and Firefox. + */ + + progress { + vertical-align: baseline; + } + + /** + * Correct the cursor style of increment and decrement buttons in Safari. + */ + + [type='number'] { + &::-webkit-inner-spin-button, &::-webkit-outer-spin-button { + height: auto; + } + } + + /** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + + [type='search'] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ + &::-webkit-search-decoration { + -webkit-appearance: none; + } + } + + /** + * Remove the inner padding in Chrome and Safari on macOS. + */ + + /** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + + ::-webkit-file-upload-button { + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ + } + + /* Interactive + ========================================================================== */ + + /* + * Add the correct display in Chrome and Safari. + */ + + summary { + display: list-item; + } \ No newline at end of file diff --git a/src/sass/style.scss b/src/sass/style.scss new file mode 100644 index 0000000..c1f8270 --- /dev/null +++ b/src/sass/style.scss @@ -0,0 +1 @@ +@import "normalize"; \ No newline at end of file -- cgit v1.2.3