Run script/format with prettier

styles/components/_accordion_table.scss

@@ -28,7 +28,8 @@
     border-top: none;
   }
 
-  th, td {
+  th,
+  td {
     white-space: nowrap;
 
     button {
@@ -90,11 +91,13 @@
       }
     }
 
-    th, td, tr {
+    th,
+    td,
+    tr {
       border-bottom: 1px dashed $color-gray-lightest;
     }
 
-    th[scope=rowgroup] {
+    th[scope="rowgroup"] {
       position: relative;
     }
 
@@ -104,7 +107,8 @@
       background-color: $color-gray-lightest;
       padding: ($gap * 2) ($gap * 4);
 
-      th, td {
+      th,
+      td {
         .icon-link {
           font-weight: $font-normal;
           font-size: $base-font-size;

styles/components/_alerts.scss

@@ -28,8 +28,7 @@
   @if $level == "success" {
     $background-color: $color-green-lightest;
     $border-color: $color-green;
-  }
-  @else if $level == "warning" {
+  } @else if $level == "warning" {
     $background-color: $color-gold-lightest;
     $border-color: $color-gold;
 
@@ -42,8 +41,7 @@
         box-shadow: inset 0 0 0 2px $color-gold-dark;
       }
     }
-  }
-  @else if $level == "error" {
+  } @else if $level == "error" {
     $background-color: $color-red-lightest;
     $border-color: $color-red;
   }

styles/components/_audit_log.scss

@@ -31,5 +31,5 @@
 }
 
 .page {
-  margin: .5em;
+  margin: 0.5em;
 }

styles/components/_dod_login_notice.scss

@@ -14,7 +14,8 @@
     margin: 0 auto;
     max-width: $article-max-width + $nav-width;
 
-    a.usa-button, a.usa-button:hover {
+    a.usa-button,
+    a.usa-button:hover {
       -moz-transition: none;
       -webkit-transition: none;
       -o-transition: color 0 ease-in;

styles/components/_empty_state.scss

@@ -10,7 +10,6 @@
     padding: 8rem ($gap * 4) 0;
   }
 
-
   .icon {
     @include icon-size(50);
     @include icon-color($color-gray-light);

styles/components/_forms.scss

@@ -99,7 +99,13 @@
     }
   }
 
-  > h1, > h2, > h3, > h4, > h5, > h6, > legend {
+  > h1,
+  > h2,
+  > h3,
+  > h4,
+  > h5,
+  > h6,
+  > legend {
     @include h3;
 
     margin: ($gap * 4) 0;

styles/components/_global_layout.scss

@@ -1,4 +1,5 @@
-html, body {
+html,
+body {
   height: 100%;
 }
 

styles/components/_modal.scss

@@ -35,12 +35,10 @@ body {
       padding: $gap * 2;
     }
 
-
     @include media($large-screen) {
       padding: $gap * 4;
     }
 
-
     .modal__body {
       background-color: $color-white;
       padding: $gap * 2;
@@ -53,13 +51,12 @@ body {
         max-height: calc(100vh - #{$gap * 8});
       }
 
-
       @include media($medium-screen) {
         padding: $gap * 5;
       }
 
-
-      h1, h2 {
+      h1,
+      h2 {
         @include h3;
       }
 
@@ -78,7 +75,6 @@ body {
           right: $gap * 2;
         }
 
-
         @include media($large-screen) {
           top: $gap * 4;
           right: $gap * 4;
@@ -93,7 +89,6 @@ body {
           margin: -$gap * 4;
         }
 
-
         .block-list__header {
           border-top: 0;
         }
@@ -123,14 +118,12 @@ body {
             right: $gap * 2;
           }
 
-
           @include media($large-screen) {
             bottom: $gap * 4;
             left: $gap * 4;
             right: $gap * 4;
           }
 
-
           .action-group {
             margin: 0;
           }
@@ -208,7 +201,7 @@ body {
     .usa-button {
       margin-left: 2rem;
 
-      &[type='button']:disabled {
+      &[type="button"]:disabled {
         background-color: $color-gray-lighter;
         opacity: inherit;
       }

styles/components/_portfolio_layout.scss

@@ -5,7 +5,6 @@
     min-height: 500px;
   }
 
-
   margin-left: 2 * $gap;
 
   .line {
@@ -69,7 +68,6 @@
     flex-direction: row;
   }
 
-
   margin: 2 * $gap;
 
   .col--grow {
@@ -130,7 +128,7 @@
   }
 
   .column-right {
-    margin-left: -.4rem;
+    margin-left: -0.4rem;
   }
 
   .portfolio-header__budget--amount {
@@ -139,8 +137,8 @@
 
   .portfolio-header__budget--cents {
     font-size: 2rem;
-    margin-top: .75rem;
-    margin-left: -.7rem;
+    margin-top: 0.75rem;
+    margin-left: -0.7rem;
     font-weight: bold;
   }
 

styles/components/_search_bar.scss

@@ -51,7 +51,7 @@
     margin-top: 0;
     flex-basis: 100%;
 
-    input[type='search'] {
+    input[type="search"] {
       width: auto;
       height: $search-input-height;
       width: calc(100% - #{$search-button-width});

styles/components/_selector.scss

@@ -27,7 +27,8 @@
     border-radius: 0;
     box-sizing: border-box;
     background-color: $color-white;
-    background-image: none, url("#{$image-path}/arrow-both.svg"), url("#{$image-path}/arrow-both.png");
+    background-image: none, url("#{$image-path}/arrow-both.svg"),
+      url("#{$image-path}/arrow-both.png");
     background-position: right 1.3rem center;
     background-repeat: no-repeat;
     background-size: 1rem;

styles/components/_top_message.scss

@@ -6,7 +6,6 @@
     padding: $gap * 4;
   }
 
-
   border-top-width: 1px;
   border-bottom-width: 1px;
   border-top-style: solid;