👾 linted all scss

dpla · Apr 12, 2018 · ea0329a · ea0329a
1 parent 2344b51
commit ea0329a
Show file tree

Hide file tree

Showing 47 changed files with 205 additions and 202 deletions.
diff --git a/.stylelintrc b/.stylelintrc
@@ -22,7 +22,7 @@
     "no-extra-semicolons": true,
     "no-invalid-double-slash-comments": true,
     "property-no-unknown": true,
-    "selector-pseudo-class-no-unknown": true,
+    "selector-pseudo-class-no-unknown": [true, {ignore: ["global"]}],
     "selector-pseudo-element-no-unknown": true,
     "selector-type-no-unknown": true,
     "string-no-newline": true,

diff --git a/components/ContactComponents/ContactForm/ContactForm.scss b/components/ContactComponents/ContactForm/ContactForm.scss
@@ -20,7 +20,7 @@
     margin: 0 0 1rem;
     position: relative;
     color: $formLabelColor;
-  
+
     & > span {
       display: block;
       margin: 0 0 0.25rem 0.5rem;
@@ -37,7 +37,7 @@
     resize: none;
   }
 
-  & input[type=email], & input[type=text], & textarea {
+  & input[type="email"], & input[type="text"], & textarea {
     width: 100%;
     border: 0.075rem solid $formLabelColor;
     padding: 1.5rem 0.25rem 0.5rem 0.5rem;
@@ -92,4 +92,3 @@
   width: 100%;
   margin: 18px 0;
 }
-
diff --git a/components/ContactComponents/MoreWaysToContact/MoreWaysToContact.scss b/components/ContactComponents/MoreWaysToContact/MoreWaysToContact.scss
@@ -20,7 +20,7 @@
 }
 
 .tableHeading {
-  font-size: .8rem;
+  font-size: 0.8rem;
   text-transform: uppercase;
   color: $dimmedTextColor;
   font-weight: 600;
@@ -35,7 +35,7 @@
   vertical-align: baseline;
   font-family: $serifFont;
   line-height: 1.25;
-  margin-top: .5rem;
+  margin-top: 0.5rem;
 
   @media (min-width: $smallRem) {
     margin-top: 0;
@@ -55,5 +55,5 @@
 }
 
 .mailToLink {
-  padding-bottom: .25rem;
+  padding-bottom: 0.25rem;
 }
diff --git a/components/ExhibitionsComponents/Exhibition/Details/Details.scss b/components/ExhibitionsComponents/Exhibition/Details/Details.scss
@@ -44,7 +44,7 @@
   font-weight: bold;
   line-height: 1.125;
   text-transform: uppercase;
-  background-color: #F1F0ED;
+  background-color: #f1f0ed;
   @media (min-width: $mediumRem) {
     font-size: 1rem;
     padding: 1.25rem;
@@ -69,7 +69,7 @@
 
 .divider {
   height: 2px;
-  border-bottom: 2px solid #DFDEDC;
+  border-bottom: 2px solid #dfdedc;
   margin-bottom: 20px;
 }
 

diff --git a/components/ExhibitionsComponents/Exhibition/ImageAndCaption/ImageAndCaption.scss b/components/ExhibitionsComponents/Exhibition/ImageAndCaption/ImageAndCaption.scss
@@ -41,7 +41,7 @@
   align-items: flex-end;
   justify-content: center;
   border-radius: 3px;
-  background: linear-gradient(180deg, rgba(13,13,23,0.15) 0%, #000000 100%);
+  background: linear-gradient(180deg, rgba(13, 13, 23, 0.15) 0%, #000000 100%);
 }
 
 .imageWrapper {

diff --git a/components/ExhibitionsComponents/ExhibitionSection/ExhibitionSection.scss b/components/ExhibitionsComponents/ExhibitionSection/ExhibitionSection.scss
@@ -31,7 +31,7 @@ $sidebarMargin: 1.25rem;
 .exhibitionTitle {
   font-family: $serifFont;
   font-weight: normal;
-  margin-top: .5rem;
+  margin-top: 0.5rem;
   font-size: 1.5rem;
   color: white;
 
@@ -76,7 +76,7 @@ $sidebarMargin: 1.25rem;
   align-items: center;
   margin-right: 0.75rem;
   border-radius: 0;
-  
+
   @media (min-width: $mediumRem) {
     display: none;
   }
@@ -122,17 +122,17 @@ $sidebarMargin: 1.25rem;
   display: block;
   max-height: 0;
   transition: all 0.2s ease-in-out;
-  
+
   & a:hover {
     text-decoration: underline;
   }
-  
+
   @media (max-width: $smallRem) {
     padding: 0 1rem;
     width: auto;
     visibility: hidden;
   }
-  
+
   &.overlayActive {
     max-height: 40rem;
     padding: 1rem;
@@ -145,7 +145,6 @@ $sidebarMargin: 1.25rem;
   }
 }
 
-
 .sidebarSections {
   padding-bottom: 20px;
   margin-bottom: 13px;
@@ -474,20 +473,20 @@ $sidebarMargin: 1.25rem;
   font-family: $serifFont;
 
   @media (min-width: $smallRem) {
-    font-size: .95rem;
+    font-size: 0.95rem;
     padding: 0;
   }
 
   & h1, & h2 {
     font-size: 1.25rem;
-    margin-bottom: .5rem;
+    margin-bottom: 0.5rem;
   }
 
   & p {
-    margin-bottom: .875rem;
+    margin-bottom: 0.875rem;
 
     @media (min-width: $smallRem) {
-      margin-bottom: .95rem;
+      margin-bottom: 0.95rem;
     }
   }
 }
@@ -522,7 +521,7 @@ $sidebarMargin: 1.25rem;
   max-width: 90%;
   margin: 0 1rem 0.75rem;
   padding-left: 0.5rem;
-  border-left: 1px solid #DE630B;
+  border-left: 1px solid #de630b;
 
   @media (min-width: $smallRem) {
     margin: 0 0 0.75rem;
@@ -590,9 +589,9 @@ $sidebarMargin: 1.25rem;
   display: block;
   width: 0;
   height: 0;
-  border-left: .8rem solid transparent;
-  border-right: .8rem solid transparent;
-  border-bottom: .65rem solid $secondaryButtonColor;
+  border-left: 0.8rem solid transparent;
+  border-right: 0.8rem solid transparent;
+  border-bottom: 0.65rem solid $secondaryButtonColor;
   top: -0.8rem;
   left: 50%;
   transform: translateX(-50%);

diff --git a/components/ExhibitionsComponents/Footer/Footer.scss b/components/ExhibitionsComponents/Footer/Footer.scss
@@ -21,7 +21,7 @@
   }
 }
 
- .footerText {
+.footerText {
   max-width: 450px;
   font-size: 0.875rem;
   line-height: 1;

diff --git a/components/FeedbackForm/FeedbackForm.scss b/components/FeedbackForm/FeedbackForm.scss
@@ -27,7 +27,7 @@
 
 .feedbackModal {
   display: none;
-  
+
   &.open {
     display: block;
     position: fixed;
@@ -54,7 +54,7 @@
   margin-left: -10rem;
   margin-top: -10rem;
   z-index: 999;
-  box-shadow: 0 0 20px rgba(0,0,0, 0.5);
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 
   @media (max-width: $mediumRem) {
     top: 1rem;
@@ -78,7 +78,7 @@
     position: relative;
   }
 
-  & input[type=radio] {
+  & input[type="radio"] {
     position: absolute;
     opacity: 0;
     z-index: -1;
@@ -94,8 +94,8 @@
     cursor: pointer;
   }
 
-  & input[type=radio]:focus + label {
-    outline: .25rem solid $outlineColor;
+  & input[type="radio"]:focus + label {
+    outline: 0.25rem solid $outlineColor;
   }
 
   & label:before {
@@ -107,21 +107,21 @@
     top: 1rem;
     margin-left: -0.75rem;
     margin-top: -0.5rem;
-    width: 1.0rem;
-    height: 1.0rem;
+    width: 1rem;
+    height: 1rem;
     background-color: $radioButtonColor;
     border: 0.2rem solid white;
   }
 
-  & input[type=radio]:checked + label:before {
+  & input[type="radio"]:checked + label:before {
     background-color: $linkColor;
   }
 
-  & input[type=radio]:checked + label {
+  & input[type="radio"]:checked + label {
     background-color: $radioButtonColor;
   }
 
-  & input[type=email], & input[type=text] {
+  & input[type="email"], & input[type="text"] {
     width: 100%;
     border: 0.075rem solid $formLabelColor;
     padding: 0.5rem;
@@ -137,7 +137,6 @@
     padding: 0.5rem;
     border-radius: 0.25rem;
   }
-
 }
 
 .sendCancelButtons {
@@ -150,7 +149,6 @@
   margin: 0.25rem 0 1rem;
 }
 
-
 .thankYou {
   margin: 1rem 0;
-}
+}
diff --git a/components/HomePageComponents/DPLAUsers/DPLAUsers.scss b/components/HomePageComponents/DPLAUsers/DPLAUsers.scss
@@ -55,7 +55,7 @@
   font-weight: normal;
   font-style: italic;
   font-size: 1.25rem;
-  margin: 1rem 0 .5rem;
+  margin: 1rem 0 0.5rem;
 }
 
 .itemImg {

diff --git a/components/HomePageComponents/HomeHero/HomeHero.scss b/components/HomePageComponents/HomeHero/HomeHero.scss
@@ -121,7 +121,7 @@
   }
 
   &::placeholder {
-    transition: opacity .15s ease-out;
+    transition: opacity 0.15s ease-out;
     color: $mobileNavColor;
   }
 
@@ -143,7 +143,7 @@
 }
 
 .searchButton {
-  transition: background-color .2s ease-out;
+  transition: background-color 0.2s ease-out;
   position: absolute;
   right: 0;
   top: 0;
@@ -156,7 +156,7 @@
   z-index: 2;
 
   &:hover {
-    background-color: #53A9D2;
+    background-color: #53a9d2;
   }
 
   @media (min-width: $mediumRem) {

diff --git a/components/HomePageComponents/HomePageSlider/HomePageSlider.scss b/components/HomePageComponents/HomePageSlider/HomePageSlider.scss
@@ -88,7 +88,7 @@
 .item {
   display: block;
   position: relative;
-  padding-right: .5rem;
+  padding-right: 0.5rem;
 
   &:last-child {
     margin-right: 0;
@@ -130,7 +130,7 @@
   top: 40%;
   background-color: rgba(255, 255, 255, 0.95);
   box-shadow: 0px 0 15px 0px rgba(0, 0, 0, 0.25);
-  transition: box-shadow .5s ease-out, background-color .5s ease-out;
+  transition: box-shadow 0.5s ease-out, background-color 0.5s ease-out;
   width: 3rem;
   height: 3rem;
   border-radius: 100%;
@@ -158,7 +158,7 @@
   }
 
   & img {
-    width: .9rem;
+    width: 0.9rem;
 
     @media (min-width: $largeRem) {
       width: 1.5rem;
@@ -167,7 +167,7 @@
 }
 
 .prevArrow {
-  left: -.5rem !important;
+  left: -0.5rem !important;
 
   & img {
     transform: rotate(180deg);
@@ -180,7 +180,7 @@
 }
 
 .nextArrow {
-  right: -.5rem !important;
+  right: -0.5rem !important;
 
   @media (min-width: $largeRem) {
     right: -3.5rem !important;
@@ -195,16 +195,16 @@
   text-transform: uppercase;
   position: absolute;
   background-color: $featuredBannerColor;
-  top: .75rem;
-  left: .5rem;
-  padding: .25rem .5rem;
+  top: 0.75rem;
+  left: 0.5rem;
+  padding: 0.25rem 0.5rem;
   font-weight: bold;
   letter-spacing: 0.05rem;
   font-size: 0.8rem;
 
   @media (min-width: $largeRem) {
     left: -0.25rem;
-    padding: .35rem .85rem;
+    padding: 0.35rem 0.85rem;
   }
 }
 
@@ -214,7 +214,7 @@
   @media (min-width: $largeRem) {
     & :global .slick-list {
       /* Offset for the featuredTag */
-      padding-left: .25rem;
+      padding-left: 0.25rem;
     }
   }
 

diff --git a/components/HomePageComponents/HomeUser.scss b/components/HomePageComponents/HomeUser.scss
@@ -2,4 +2,4 @@
 
 .wrapper {
   background-color: $warmerBackgroundColor;
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,4 +2,4 @@ @@
     .wrapper {
       background-color: $warmerBackgroundColor;
-    }
+    }