Skip to content

Commit

Permalink
feat (scss): remove reset and update normalize
Browse files Browse the repository at this point in the history
  • Loading branch information
firestar300 committed Jun 3, 2024
1 parent f5685c1 commit 85adc0a
Show file tree
Hide file tree
Showing 4 changed files with 85 additions and 176 deletions.
171 changes: 85 additions & 86 deletions src/scss/03-base/_normalize.scss
Original file line number Diff line number Diff line change
Expand Up @@ -14,41 +14,41 @@ html {
}

/* Sections
========================================================================== */
========================================================================== */

/**
* Remove the margin in all browsers.
*/
* Remove the margin in all browsers.
*/

body {
margin: 0;
}

/**
* Render the `main` element consistently in IE.
*/
* Render the `main` element consistently in IE.
*/

main {
display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/

h1 {
margin: .67em 0;
font-size: 2em;
}

/* Grouping content
========================================================================== */
========================================================================== */

/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/

hr {
box-sizing: content-box; /* 1 */
Expand All @@ -57,51 +57,50 @@ hr {
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

pre {
font-family: monospace; /* 1 */
font-size: 1em; /* 2 */
}

/* Text-level semantics
========================================================================== */
========================================================================== */

/**
* Remove the gray background on active links in IE 10.
*/
* Remove the gray background on active links in IE 10.
*/

a {
text-decoration-thickness: 1px;
background-color: transparent;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {
text-decoration: underline; /* 2 */
text-decoration-style: dotted; /* 2 */
text-decoration: underline dotted; /* 2 */
border-bottom: none; /* 1 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
* Add the correct font weight in Chrome, Edge, and Safari.
*/

b,
strong {
font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
Expand All @@ -111,17 +110,17 @@ samp {
}

/**
* Add the correct font size in all browsers.
*/
* 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.
*/
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/

sub,
sup {
Expand All @@ -140,23 +139,23 @@ sup {
}

/* Embedded content
========================================================================== */
========================================================================== */

/**
* Remove the border on images inside links in IE 10.
*/
* Remove the border on images inside links in IE 10.
*/

img {
border-style: none;
}

/* Forms
========================================================================== */
========================================================================== */

/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
Expand All @@ -170,28 +169,28 @@ textarea {
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/

button,
input { /* 1 */
overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 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.
*/
* Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type="button"],
Expand All @@ -201,8 +200,8 @@ button,
}

/**
* Remove the inner border and padding in Firefox.
*/
* Remove the inner border and padding in Firefox.
*/

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
Expand All @@ -213,8 +212,8 @@ button::-moz-focus-inner,
}

/**
* Restore the focus styles unset by the previous rule.
*/
* Restore the focus styles unset by the previous rule.
*/

button:-moz-focusring,
[type="button"]:-moz-focusring,
Expand All @@ -224,19 +223,19 @@ button:-moz-focusring,
}

/**
* Correct the padding in Firefox.
*/
* Correct the padding in Firefox.
*/

fieldset {
padding: .35em .75em .625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/

legend {
box-sizing: border-box; /* 1 */
Expand All @@ -248,25 +247,25 @@ legend {
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/
* Remove the default vertical scrollbar in IE 10+.
*/

textarea {
overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/

[type="checkbox"],
[type="radio"] {
Expand All @@ -275,75 +274,75 @@ textarea {
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
* 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 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
* Remove the inner padding in Chrome and Safari on macOS.
*/

[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
* 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 Edge, IE 10+, and Firefox.
*/
* Add the correct display in Edge, IE 10+, and Firefox.
*/

details {
display: block;
}

/*
* Add the correct display in all browsers.
*/
* Add the correct display in all browsers.
*/

summary {
display: list-item;
}

/* Misc
========================================================================== */
========================================================================== */

/**
* Add the correct display in IE 10+.
*/
* Add the correct display in IE 10+.
*/

template {
display: none;
}

/**
* Add the correct display in IE 10.
*/
* Add the correct display in IE 10.
*/

[hidden] {
display: none;
Expand Down
Loading

0 comments on commit 85adc0a

Please sign in to comment.