Clean up reset styles on images for IE (#7918)

Automattic · Jul 3, 2024 · 44dd4e3 · 44dd4e3
1 parent 7645b76
commit 44dd4e3
Show file tree

Hide file tree

Showing 4 changed files with 56 additions and 94 deletions.
diff --git a/alves/style.css b/alves/style.css
@@ -403,15 +403,6 @@ sup {
  top: -0.5em;
 }
 
-/* Embedded content
- ========================================================================== */
-/**
- * Remove the border on images inside links in IE 10.
- */
-img {
- border-style: none;
-}
-
 /* Forms
  ========================================================================== */
 /**

diff --git a/varia/sass/base/_normalize.scss b/varia/sass/base/_normalize.scss
@@ -9,8 +9,8 @@
  */
 
 html {
- line-height: 1.15; /* 1 */
- -webkit-text-size-adjust: 100%; /* 2 */
+ line-height: 1.15; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
 }
 
 /* Sections
@@ -21,15 +21,15 @@ html {
  */
 
 body {
- margin: 0;
+ margin: 0;
 }
 
 /**
  * Render the `main` element consistently in IE.
  */
 
 main {
- display: block;
+ display: block;
 }
 
 /**
@@ -38,8 +38,8 @@ main {
  */
 
 h1 {
- font-size: 2em;
- margin: 0.67em 0;
+ font-size: 2em;
+ margin: 0.67em 0;
 }
 
 /* Grouping content
@@ -51,9 +51,9 @@ h1 {
  */
 
 hr {
- box-sizing: content-box; /* 1 */
- height: 0; /* 1 */
- overflow: visible; /* 2 */
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
 }
 
 /**
@@ -62,8 +62,8 @@ hr {
  */
 
 pre {
- font-family: monospace, monospace; /* 1 */
- font-size: 1em; /* 2 */
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
 }
 
 /* Text-level semantics
@@ -74,7 +74,7 @@ pre {
  */
 
 a {
- background-color: transparent;
+ background-color: transparent;
 }
 
 /**
@@ -83,9 +83,9 @@ a {
  */
 
 abbr[title] {
- border-bottom: none; /* 1 */
- text-decoration: underline; /* 2 */
- text-decoration: underline dotted; /* 2 */
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
 }
 
 /**
@@ -94,7 +94,7 @@ abbr[title] {
 
 b,
 strong {
- font-weight: bolder;
+ font-weight: bolder;
 }
 
 /**
@@ -105,16 +105,16 @@ strong {
 code,
 kbd,
 samp {
- font-family: monospace, monospace; /* 1 */
- font-size: 1em; /* 2 */
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
 }
 
 /**
  * Add the correct font size in all browsers.
  */
 
 small {
- font-size: 80%;
+ font-size: 80%;
 }
 
 /**
@@ -124,29 +124,18 @@ small {
 
 sub,
 sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
 }
 
 sub {
- bottom: -0.25em;
+ bottom: -0.25em;
 }
 
 sup {
- top: -0.5em;
-}
-
-/* Embedded content
- ========================================================================== */
-
-/**
- * Remove the border on images inside links in IE 10.
- */
-
-img {
- border-style: none;
+ top: -0.5em;
 }
 
 /* Forms
@@ -162,10 +151,10 @@ input,
 optgroup,
 select,
 textarea {
- font-family: inherit; /* 1 */
- font-size: 100%; /* 1 */
- line-height: 1.15; /* 1 */
- margin: 0; /* 2 */
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
 }
 
 /**
@@ -175,7 +164,7 @@ textarea {
 
 button,
 input { /* 1 */
- overflow: visible;
+ overflow: visible;
 }
 
 /**
@@ -185,7 +174,7 @@ input { /* 1 */
 
 button,
 select { /* 1 */
- text-transform: none;
+ text-transform: none;
 }
 
 /**
@@ -196,7 +185,7 @@ button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
- -webkit-appearance: button;
+ -webkit-appearance: button;
 }
 
 /**
@@ -207,8 +196,8 @@ button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
- border-style: none;
- padding: 0;
+ border-style: none;
+ padding: 0;
 }
 
 /**
@@ -219,15 +208,15 @@ button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
- outline: 1px dotted ButtonText;
+ outline: 1px dotted ButtonText;
 }
 
 /**
  * Correct the padding in Firefox.
  */
 
 fieldset {
- padding: 0.35em 0.75em 0.625em;
+ padding: 0.35em 0.75em 0.625em;
 }
 
 /**
@@ -238,28 +227,28 @@ fieldset {
  */
 
 legend {
- box-sizing: border-box; /* 1 */
- color: inherit; /* 2 */
- display: table; /* 1 */
- max-width: 100%; /* 1 */
- padding: 0; /* 3 */
- white-space: normal; /* 1 */
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
 }
 
 /**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
 
 progress {
- vertical-align: baseline;
+ vertical-align: baseline;
 }
 
 /**
  * Remove the default vertical scrollbar in IE 10+.
  */
 
 textarea {
- overflow: auto;
+ overflow: auto;
 }
 
 /**
@@ -269,8 +258,8 @@ textarea {
 
 [type="checkbox"],
 [type="radio"] {
- box-sizing: border-box; /* 1 */
- padding: 0; /* 2 */
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
 }
 
 /**
@@ -279,7 +268,7 @@ textarea {
 
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
- height: auto;
+ height: auto;
 }
 
 /**
@@ -288,16 +277,16 @@ textarea {
  */
 
 [type="search"] {
- -webkit-appearance: textfield; /* 1 */
- outline-offset: -2px; /* 2 */
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
 }
 
 /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
 
 [type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
+ -webkit-appearance: none;
 }
 
 /**
@@ -306,8 +295,8 @@ textarea {
  */
 
 ::-webkit-file-upload-button {
- -webkit-appearance: button; /* 1 */
- font: inherit; /* 2 */
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
 }
 
 /* Interactive
@@ -318,15 +307,15 @@ textarea {
  */
 
 details {
- display: block;
+ display: block;
 }
 
 /*
  * Add the correct display in all browsers.
  */
 
 summary {
- display: list-item;
+ display: list-item;
 }
 
 /* Misc
@@ -337,13 +326,13 @@ summary {
  */
 
 template {
- display: none;
+ display: none;
 }
 
 /**
  * Add the correct display in IE 10.
  */
 
 [hidden] {
- display: none;
+ display: none;
 }
diff --git a/varia/style-rtl.css b/varia/style-rtl.css
@@ -362,15 +362,6 @@ sup {
  top: -0.5em;
 }
 
-/* Embedded content
- ========================================================================== */
-/**
- * Remove the border on images inside links in IE 10.
- */
-img {
- border-style: none;
-}
-
 /* Forms
  ========================================================================== */
 /**

diff --git a/varia/style.css b/varia/style.css
@@ -362,15 +362,6 @@ sup {
  top: -0.5em;
 }
 
-/* Embedded content
- ========================================================================== */
-/**
- * Remove the border on images inside links in IE 10.
- */
-img {
- border-style: none;
-}
-
 /* Forms
  ========================================================================== */
 /**