scss linting

MozillaFoundation · Mar 22, 2024 · 0362a9e · 0362a9e
1 parent 5c1eb2e
commit 0362a9e
Show file tree

Hide file tree

Showing 6 changed files with 55 additions and 18 deletions.
diff --git a/source/sass/components/primary-nav.scss b/source/sass/components/primary-nav.scss
@@ -128,10 +128,16 @@
         opacity: 0;
         transform: translateY(8px);
         visibility: hidden;
-        transition: opacity 0.15s, transform 0.15s, visibility 0s linear 0.15s;
+        transition:
+          opacity 0.15s,
+          transform 0.15s,
+          visibility 0s linear 0.15s;
       }
 
-      transition: opacity 0.15s, transform 0.15s, visibility 0s;
+      transition:
+        opacity 0.15s,
+        transform 0.15s,
+        visibility 0s;
     }
 
     .burger {
@@ -164,7 +170,10 @@
           width: 23px;
         }
 
-        transition: top 0.1s linear 0.1s, width 0.1s linear 0.1s, transform 0.1s;
+        transition:
+          top 0.1s linear 0.1s,
+          width 0.1s linear 0.1s,
+          transform 0.1s;
       }
 
       &.menu-open {
@@ -185,7 +194,10 @@
             transform: rotate(45deg);
           }
 
-          transition: top 0.1s, width 0.1s, transform 0.1s linear 0.1s;
+          transition:
+            top 0.1s,
+            width 0.1s,
+            transform 0.1s linear 0.1s;
         }
       }
 
@@ -236,13 +248,17 @@
       top: 0;
       left: 0;
       width: 100%;
-      transition: opacity 0.2s, height 0s;
+      transition:
+        opacity 0.2s,
+        height 0s;
 
       &.hidden {
         opacity: 0;
         height: 0;
         overflow: hidden;
-        transition: opacity 0.2s, height 0s linear 0.2s;
+        transition:
+          opacity 0.2s,
+          height 0s linear 0.2s;
 
         .nav-links {
           a {
@@ -292,7 +308,9 @@
   opacity: 0;
   height: 0;
   overflow-y: hidden;
-  transition: height 0.3s ease-in-out, opacity 0.2s ease-in-out;
+  transition:
+    height 0.3s ease-in-out,
+    opacity 0.2s ease-in-out;
 
   @media (min-width: $bp-lg) {
     opacity: 1;

diff --git a/source/sass/components/sticky-cta.scss b/source/sass/components/sticky-cta.scss
@@ -22,7 +22,9 @@
       margin-bottom: -308px;
       visibility: hidden;
       pointer-events: auto;
-      transition: margin-bottom 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
+      transition:
+        margin-bottom 0.3s ease-in-out,
+        visibility 0s ease-in-out 0.3s;
     }
 
     @media (min-width: $bp-lg) {

diff --git a/source/sass/formassembly-override.scss b/source/sass/formassembly-override.scss
@@ -57,8 +57,11 @@ $input-font-size: 1.25rem !important;
       padding: 0.5rem 1rem;
       font-size: 18px;
       border-radius: 0;
-      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
-        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
+      transition:
+        color 0.15s ease-in-out,
+        background-color 0.15s ease-in-out,
+        border-color 0.15s ease-in-out,
+        box-shadow 0.15s ease-in-out,
         -webkit-box-shadow 0.15s ease-in-out;
       color: $white;
       background-color: $blue;
@@ -185,7 +188,9 @@ $input-font-size: 1.25rem !important;
       height: auto !important;
 
       &::file-selector-button {
-        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
+        transition:
+          color 0.15s ease-in-out,
+          background-color 0.15s ease-in-out;
         font-family: $font-family-sans-serif;
         background: $light-blue;
         width: auto;

diff --git a/source/sass/views/dear-internet.scss b/source/sass/views/dear-internet.scss
@@ -328,7 +328,9 @@
       background-image: url(../_images/dear-internet/Envelope-Left-Group-Extended.svg),
         url(../_images/dear-internet/Envelope-Right-Group-Extended.svg);
       background-repeat: no-repeat;
-      background-position: 5% top, 95% top;
+      background-position:
+        5% top,
+        95% top;
     }
   }
 
@@ -358,13 +360,17 @@
       url(../_images/dear-internet/Envelope-Blue1.svg),
       url(../_images/dear-internet/Envelope-Red1.svg),
       url(../_images/dear-internet/Envelope-Blue2.svg);
-    background-position: center center,
+    background-position:
+      center center,
       calc(var(--envelope-width) / -2.5) var(--envelope-top-offset),
       center var(--envelope-top-offset),
       calc(100% + var(--envelope-width) / 2.5) var(--envelope-top-offset);
     background-repeat: no-repeat;
-    background-size: 205vw auto, var(--envelope-width) auto,
-      var(--envelope-width) auto, var(--envelope-width) auto;
+    background-size:
+      205vw auto,
+      var(--envelope-width) auto,
+      var(--envelope-width) auto,
+      var(--envelope-width) auto;
 
     @media (min-width: $breakpoint) {
       --padding-y: 90px;

diff --git a/source/sass/views/youtube-regrets-2022.scss b/source/sass/views/youtube-regrets-2022.scss
@@ -120,7 +120,9 @@
     &__inner {
       opacity: 0.5;
       transform: scale(0.3);
-      transition: transform 0.5s, opacity 0.3s;
+      transition:
+        transform 0.5s,
+        opacity 0.3s;
       will-change: transform;
     }
 

diff --git a/source/sass/views/youtube-regrets-reporter.scss b/source/sass/views/youtube-regrets-reporter.scss
@@ -137,7 +137,9 @@
     @media screen and (min-width: $bp-lg) {
       background-image: url(../_images/youtube-regrets/regrets-reporter/icon-eye-purple.svg),
         url(../_images/youtube-regrets/regrets-reporter/icon-play-purple.svg);
-      background-position: 102% top, 4% 60%;
+      background-position:
+        102% top,
+        4% 60%;
       background-repeat: no-repeat;
     }
 
@@ -151,7 +153,9 @@
     @media screen and (min-width: $bp-lg) {
       background-image: url(../_images/youtube-regrets/regrets-reporter/icon-ff-purple.svg),
         url(../_images/youtube-regrets/regrets-reporter/icon-sound-purple.svg);
-      background-position: 90% 19%, 1% 70%;
+      background-position:
+        90% 19%,
+        1% 70%;
       background-repeat: no-repeat;
     }