fix: add scss files to prettier

HaydnCCI · May 27, 2020 · 7aa8f27 · 7aa8f27
1 parent ac23c52
commit 7aa8f27
Show file tree

Hide file tree

Showing 8 changed files with 36 additions and 38 deletions.
diff --git a/package.json b/package.json
@@ -142,7 +142,7 @@
     "clean": "run-p clean:*",
     "clean:gatsby": "gatsby clean",
     "develop": "gatsby develop",
-    "format": "prettier --write \"**/*.{js,jsx,json,md}\"",
+    "format": "prettier --write \"**/*.{js,jsx,json,md,scss}\"",
     "start": "npm run develop",
     "start:gatsby": "gatsby serve",
     "storybook": "start-storybook -p 6006",

diff --git a/src/components/common/contact-form.module.scss b/src/components/common/contact-form.module.scss
@@ -17,8 +17,8 @@
     margin-bottom: 16px;
     resize: vertical;
     margin-bottom: 50px;
-    display:block;
-    font-weight:400;
+    display: block;
+    font-weight: 400;
     font-size: 1rem;
   }
 

diff --git a/src/components/pages/blog/author-footer.module.scss b/src/components/pages/blog/author-footer.module.scss
@@ -15,7 +15,7 @@
     font-size: 16px;
     line-height: 1.75;
     font-style: italic;
-    padding-left: .875rem;
+    padding-left: 0.875rem;
     padding-right: 1.375rem;
     p {
       margin-bottom: 0;

diff --git a/src/components/pages/blog/byline.module.scss b/src/components/pages/blog/byline.module.scss
@@ -20,7 +20,7 @@
     white-space: pre;
   }
   .author::after {
-    content: "  |  ";
+    content: '  |  ';
     white-space: pre;
   }
   * {
@@ -54,7 +54,6 @@
   }
 }
 
-
 .byline--small-margin--image {
   @extend .byline-base;
   margin-top: 0;
@@ -74,7 +73,7 @@
   font-size: 1rem;
   line-height: 2.5;
   .author::after {
-    content: "  \2022  ";
+    content: '  \2022  ';
     color: $color-slate-500;
   }
   .author {

diff --git a/src/components/pages/blog/categories.module.scss b/src/components/pages/blog/categories.module.scss
@@ -14,7 +14,7 @@
       text-decoration: none;
     }
     &::after {
-      content: "  |  ";
+      content: '  |  ';
       white-space: pre;
       color: $text;
       font-weight: normal;

diff --git a/src/pages/search.module.scss b/src/pages/search.module.scss
@@ -1,44 +1,43 @@
 @import '~scss/colors.module.scss';
 
 .search-form {
-    margin-bottom: 2rem;
-    
-    position: relative;
-    
-    input {
-        width: 100%;
-        padding: .4rem 3.4rem .4rem 6rem;
-    }
+  margin-bottom: 2rem;
+
+  position: relative;
+
+  input {
+    width: 100%;
+    padding: 0.4rem 3.4rem 0.4rem 6rem;
+  }
 }
 
 .search-submit {
-    position: absolute;
-    right: .4rem;
-    top: 50%;
-    transform: translateY(-50%);
-
-    appearance: none;
-    background: none;
-    border: none;
-    box-shadow: none;
+  position: absolute;
+  right: 0.4rem;
+  top: 50%;
+  transform: translateY(-50%);
+
+  appearance: none;
+  background: none;
+  border: none;
+  box-shadow: none;
 }
 
 .search-icon {
-    width: 1.25rem;
+  width: 1.25rem;
 }
 
 .label {
-    position: absolute;
-    left: 1rem;
-    top: 50%;
-    transform: translateY(-50%);
+  position: absolute;
+  left: 1rem;
+  top: 50%;
+  transform: translateY(-50%);
 
-    color: $placeholder;
+  color: $placeholder;
 }
 
 .search-results {
-    h2 {
-        margin-bottom: 48px;
-    }
+  h2 {
+    margin-bottom: 48px;
+  }
 }
-
diff --git a/src/scss/colors.module.scss b/src/scss/colors.module.scss
@@ -63,8 +63,8 @@ $color-infobox-sync-dark: #264a8c;
 $color-infobox-alert-light: #fedcd2;
 $color-infobox-alert-dark: #802509;
 
-$color-error-light: #F9DED9;
-$color-error-dark: #E35942;
+$color-error-light: #f9ded9;
+$color-error-dark: #e35942;
 
 :export {
   text: $text;

diff --git a/src/templates/blog-post.module.scss b/src/templates/blog-post.module.scss
@@ -6,7 +6,7 @@
     color: $color-plum-600;
     border-left: 2px solid $color-plum-600;
     padding-left: 1.5rem;
-    margin-left: .25rem;
+    margin-left: 0.25rem;
     &::before {
       content: '“';
     }