style(stylelint): fix length-zero-no-unit (#7395)

mdn · Oct 25, 2022 · b670210 · b670210
1 parent 20b10b2
commit b670210
Show file tree

Hide file tree

Showing 9 changed files with 15 additions and 17 deletions.
diff --git a/.stylelintrc.json b/.stylelintrc.json
@@ -14,7 +14,6 @@
     "declaration-property-value-disallowed-list": null,
     "font-family-no-missing-generic-family-keyword": null,
     "function-no-unknown": null,
-    "length-zero-no-unit": null,
     "max-nesting-depth": null,
     "no-descending-specificity": null,
     "no-duplicate-selectors": null,

diff --git a/client/src/document/index.scss b/client/src/document/index.scss
@@ -605,7 +605,7 @@ kbd {
   border: 2px solid var(--border-secondary);
   border-radius: var(--elem-radius);
   box-shadow: var(--border-secondary);
-  box-shadow: inset 0px -1px 0px 0px var(--border-secondary);
+  box-shadow: inset 0 -1px 0 0 var(--border-secondary);
   color: var(--text-secondary);
   font-size: 0.825rem;
   padding: 0.25rem;

diff --git a/client/src/document/ingredients/browser-compatibility-table/index.scss b/client/src/document/ingredients/browser-compatibility-table/index.scss
@@ -171,7 +171,7 @@
   font-size: var(--type-smaller-font-size);
   font-style: italic;
   margin-bottom: 1rem;
-  margin-top: 0rem;
+  margin-top: 0;
 }
 
 .bc-legend-item {
@@ -293,14 +293,14 @@ dl.bc-notes-list {
     margin-top: 1rem;
 
     &:first-child {
-      margin-top: 0rem;
+      margin-top: 0;
     }
   }
   dd.bc-supports-dd {
     margin-bottom: 1rem;
 
     &:last-child {
-      margin-bottom: 0rem;
+      margin-bottom: 0;
     }
   }
 }

diff --git a/client/src/homepage/contributor-spotlight/index.scss b/client/src/homepage/contributor-spotlight/index.scss
@@ -125,7 +125,7 @@
     z-index: -1;
 
     .mandala-translate {
-      transform: translate(-5rem, -0rem);
+      transform: translate(-5rem, -0);
     }
   }
 }
diff --git a/client/src/plus/offer-overview/offer-overview-feature/index.scss b/client/src/plus/offer-overview/offer-overview-feature/index.scss
@@ -32,7 +32,7 @@
     .img-container {
       align-items: center;
       border-radius: 1rem;
-      box-shadow: 0px 3px 22px #2b2a331a;
+      box-shadow: 0 3px 22px #2b2a331a;
       height: 100%;
       max-width: 25rem;
       @media screen and (min-width: $screen-xl) {

diff --git a/client/src/ui/_vars.scss b/client/src/ui/_vars.scss
@@ -182,9 +182,9 @@ $mdn-theme-light-icon-success: $mdn-color-light-theme-green-60;
 $mdn-theme-light-accent-primary: $mdn-color-light-theme-blue-50;
 $mdn-theme-light-accent-secondary: $mdn-color-light-theme-blue-50;
 $mdn-theme-light-field-focus-border: $mdn-color-light-theme-blue-50;
-$mdn-theme-light-focus-01: 0px 0px 0px 3px rgba(0, 144, 237, 0.4);
-$mdn-theme-light-shadow-01: 0px 1px 2px rgba(43, 42, 51, 0.05);
-$mdn-theme-light-shadow-02: 0px 1px 6px rgba(43, 42, 51, 0.1);
+$mdn-theme-light-focus-01: 0 0 0 3px rgba(0, 144, 237, 0.4);
+$mdn-theme-light-shadow-01: 0 1px 2px rgba(43, 42, 51, 0.05);
+$mdn-theme-light-shadow-02: 0 1px 6px rgba(43, 42, 51, 0.1);
 
 $mdn-theme-light-code-token-tag: $mdn-color-light-theme-blue-60;
 $mdn-theme-light-code-token-punctuation: $mdn-color-neutral-50;
@@ -215,8 +215,8 @@ $mdn-theme-dark-button-secondary-default: $mdn-color-neutral-70;
 $mdn-theme-dark-button-secondary-hover: $mdn-color-neutral-50;
 $mdn-theme-dark-button-secondary-active: $mdn-color-neutral-40;
 $mdn-theme-dark-button-secondary-inactive: $mdn-color-neutral-70;
-$mdn-theme-dark-shadow-01: 0px 1px 2px rgba(251, 251, 254, 0.2);
-$mdn-theme-dark-shadow-02: 0px 1px 6px rgba(251, 251, 254, 0.2);
+$mdn-theme-dark-shadow-01: 0 1px 2px rgba(251, 251, 254, 0.2);
+$mdn-theme-dark-shadow-02: 0 1px 6px rgba(251, 251, 254, 0.2);
 $mdn-theme-dark-icon-primary: $mdn-color-white;
 $mdn-theme-dark-icon-secondary: $mdn-color-neutral-30;
 $mdn-theme-dark-icon-information: $mdn-color-dark-theme-blue-40;
@@ -226,7 +226,7 @@ $mdn-theme-dark-icon-success: $mdn-color-dark-theme-green-40;
 $mdn-theme-dark-accent-primary: $mdn-color-dark-theme-blue-40;
 $mdn-theme-dark-accent-secondary: $mdn-color-dark-theme-blue-40;
 $mdn-theme-dark-field-focus-border: $mdn-color-white;
-$mdn-theme-dark-focus-01: 0px 0px 0px 3px rgba(251, 251, 254, 0.5);
+$mdn-theme-dark-focus-01: 0 0 0 3px rgba(251, 251, 254, 0.5);
 
 $mdn-theme-dark-code-token-tag: $mdn-color-dark-theme-blue-20;
 $mdn-theme-dark-code-token-punctuation: $mdn-color-neutral-30;

diff --git a/client/src/ui/atoms/modal/index.scss b/client/src/ui/atoms/modal/index.scss
@@ -123,7 +123,7 @@ body.ReactModal__Body--open {
 
   .modal-content {
     border-radius: var(--elem-radius);
-    box-shadow: 0px 2px 14px rgba(58, 57, 68, 0.2);
+    box-shadow: 0 2px 14px rgba(58, 57, 68, 0.2);
     height: fit-content;
     max-height: 90vh;
     max-width: 40rem;

diff --git a/client/src/ui/molecules/search/index.scss b/client/src/ui/molecules/search/index.scss
@@ -85,8 +85,7 @@
 
     &:focus {
       border-color: var(--category-color);
-      box-shadow: 0px 0px 0px 3px var(--blend-color),
-        0px 0px 0px 3px var(--category-color);
+      box-shadow: 0 0 0 3px var(--blend-color), 0 0 0 3px var(--category-color);
       outline: 0 none;
     }
 

diff --git a/client/src/ui/organisms/top-navigation/index.scss b/client/src/ui/organisms/top-navigation/index.scss
@@ -33,7 +33,7 @@
   }
 
   &.show-nav {
-    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
     z-index: var(--z-index-top);
 
     .container {