Run script/format with prettier

styles/elements/_accordions.scss

@@ -117,7 +117,6 @@
         width: 100%;
       }
 
-
       > label {
         @include block-list-selectable-label;
       }

styles/elements/_block_lists.scss

@@ -4,7 +4,8 @@
 
   padding: 0;
 
-  ul, dl {
+  ul,
+  dl {
     list-style: none;
     margin: 0;
     padding: 0;
@@ -140,7 +141,6 @@
         width: 100%;
       }
 
-
       > label {
         @include block-list-selectable-label;
       }

styles/elements/_buttons.scss

@@ -5,7 +5,7 @@
  */
 
 button,
-[type='button'] {
+[type="button"] {
   &:disabled {
     background-color: unset;
     opacity: 0.75;
@@ -20,7 +20,8 @@ button,
   }
 }
 
-.button-danger-outline, input[type="button"].button-danger-outline {
+.button-danger-outline,
+input[type="button"].button-danger-outline {
   color: $color-red;
   background-color: $color-red-lightest;
   box-shadow: inset 0 0 0 1px $color-red;

styles/elements/_diff.scss

@@ -1,4 +1,4 @@
-[class*='diff--'] {
+[class*="diff--"] {
   border-left-style: solid;
   border-left-width: $gap / 2;
   padding-left: $gap / 2;
@@ -20,7 +20,7 @@
   text-decoration-color: $color-overlay;
 
   &::before {
-    content: '-';
+    content: "-";
     color: $color-red-dark;
   }
 }
@@ -30,7 +30,7 @@
   border-left-color: $color-aqua-dark;
 
   &::before {
-    content: '+';
+    content: "+";
     color: $color-aqua-dark;
   }
 }

styles/elements/_icon_link.scss

@@ -1,4 +1,7 @@
-@mixin icon-link-color($color: $color-blue, $hover-color: $color-aqua-lightest) {
+@mixin icon-link-color(
+  $color: $color-blue,
+  $hover-color: $color-aqua-lightest
+) {
   color: $color;
 
   &:hover {

styles/elements/_icons.scss

@@ -57,7 +57,8 @@
     @include icon-size(24);
   }
 
-  &.icon--remove, &.icon--red {
+  &.icon--remove,
+  &.icon--red {
     @include icon-color($color-red);
   }
 

styles/elements/_inputs.scss

@@ -17,12 +17,10 @@
   @if $state == "error" {
     $border-width: 2px;
     $state-color: $color-red;
-  }
-  @else if $state == "warning" {
+  } @else if $state == "warning" {
     $border-width: 2px;
     $state-color: $color-gold;
-  }
-  @else if $state == "success" {
+  } @else if $state == "success" {
     $border-width: 2px;
     $state-color: $color-green;
   }
@@ -44,13 +42,13 @@
   }
 
   fieldset {
-    input[type='radio'] {
+    input[type="radio"] {
       + label::before {
         box-shadow: 0 0 0 1px $color-white, 0 0 0 3px $state-color;
       }
     }
 
-    input[type='checkbox'] {
+    input[type="checkbox"] {
       + label::before {
         box-shadow: 0 0 0 2px $state-color;
       }
@@ -65,7 +63,6 @@
     margin: ($gap * 4) 0;
   }
 
-
   label {
     padding: 0 0 ($gap / 2) 0;
     margin: 0;
@@ -185,8 +182,8 @@
       > li {
         margin: 0;
 
-        [type='radio'] + label,
-        [type='checkbox'] + label {
+        [type="radio"] + label,
+        [type="checkbox"] + label {
           margin: 0;
 
           &:hover {
@@ -287,7 +284,10 @@
   &.no-max-width {
     padding-right: $gap * 3;
 
-    input, textarea, select, label {
+    input,
+    textarea,
+    select,
+    label {
       max-width: none;
     }
 
@@ -311,7 +311,7 @@
     @include input-state("success");
   }
 
-  [type='file'] {
+  [type="file"] {
     height: auto;
   }
 }
@@ -342,7 +342,7 @@ select {
   padding-top: 2px;
   margin-right: 2rem;
 
-  input[type=search] {
+  input[type="search"] {
     height: 4.4rem;
     font-size: 1.7rem;
     color: $color-black;
@@ -361,7 +361,9 @@ select {
     margin-right: $gap * 4;
 
     .usa-input {
-      input, label, .usa-input__message {
+      input,
+      label,
+      .usa-input__message {
         max-width: 20rem;
       }
 
@@ -375,7 +377,8 @@ select {
     margin-left: $gap * 4;
 
     .usa-input {
-      input, label {
+      input,
+      label {
         max-width: 12rem;
       }
 

styles/elements/_panels.scss

@@ -79,7 +79,6 @@
       padding: $gap * 4;
     }
 
-
     &--tight {
       padding: $gap * 2;
     }
@@ -88,7 +87,12 @@
       border-bottom: 1px solid $color-gray-light;
     }
 
-    h1, h2, h3, h4, h5, h6 {
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
       margin: 0;
       display: inline-block;
 

styles/elements/_sidenav.scss

@@ -15,7 +15,6 @@
       margin: 0px;
     }
 
-
     width: 25rem;
     box-shadow: $box-shadow;
 
@@ -59,7 +58,7 @@
     .sidenav__divider--small {
       display: block;
       width: 4 * $gap;
-      border: 1px solid #D6D7D9;
+      border: 1px solid #d6d7d9;
       margin-left: 2 * $gap;
       margin-bottom: $gap;
     }

styles/elements/_tables.scss

@@ -13,8 +13,8 @@ table {
     border-collapse: separate;
   }
 
-
-  th, td {
+  th,
+  td {
     &.table-cell--align-right {
       text-align: right;
     }
@@ -83,7 +83,8 @@ table {
 
   thead {
     tr {
-      th, td {
+      th,
+      td {
         @include block-list-header;
 
         display: table-cell;
@@ -151,7 +152,8 @@ table {
     max-width: 100%;
     table-layout: fixed;
 
-    th, td {
+    th,
+    td {
       white-space: normal;
     }
   }

styles/elements/_tooltip.scss

@@ -76,16 +76,16 @@
     }
   }
 
-  &[aria-hidden='true'] {
+  &[aria-hidden="true"] {
     visibility: hidden;
     opacity: 0;
-    transition: opacity .15s, visibility .15s;
+    transition: opacity 0.15s, visibility 0.15s;
   }
 
-  &[aria-hidden='false'] {
+  &[aria-hidden="false"] {
     visibility: visible;
     opacity: 1;
-    transition: opacity .15s;
+    transition: opacity 0.15s;
   }
 }
 

styles/elements/_typography.scss

@@ -20,7 +20,12 @@ p {
   }
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-family: $font-sans;
   margin: ($gap * 2) 0;
 
@@ -29,7 +34,8 @@ h1, h2, h3, h4, h5, h6 {
     color: $color-gray;
   }
 
-  + .subtitle, * {
+  + .subtitle,
+  * {
     margin-top: 0;
   }
 }