Sort SCSS

src/scss/components/_currency.scss

@@ -1,17 +1,16 @@
 @use "../utils/variables";
 
 .ds4-currency {
+    align-items: center;
     display: flex;
     gap: 1em;
-    align-items: center;
-    $height: 1.75em;
     margin: 0.5em 0;
 }
 
 .ds4-currency-title {
-    margin-top: 1em;
-    margin-bottom: 0;
-    padding-left: 1em;
     border-bottom: variables.$border-groove;
     font-weight: bold;
+    margin-bottom: 0;
+    margin-top: 1em;
+    padding-left: 1em;
 }

src/scss/components/_item_list.scss

@@ -2,18 +2,17 @@
 @use "../utils/variables";
 
 .ds4-item-list {
+    @include mixins.mark-invalid-or-disabled-input;
+
     $row-height: 1.75em;
 
+    align-items: center;
     display: grid;
     grid-column-gap: 0.5em;
     grid-row-gap: 0.2em;
-    align-items: center;
-
     margin: 0.5em 0;
-    padding: 0;
     overflow-y: auto;
-
-    @include mixins.mark-invalid-or-disabled-input;
+    padding: 0;
 
     &--weapon {
         grid-template-columns: $row-height $row-height 3ch 3fr $row-height 1fr 3ch 5fr 4ch;
@@ -57,10 +56,17 @@
         }
     }
 
+    &__image {
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: 100%;
+    }
+
     &__editable {
+        background-color: transparent;
         border: 0;
         padding: 0;
-        background-color: transparent;
+
         &--checkbox {
             width: 100%;
             height: 100%;
@@ -68,31 +74,27 @@
         }
     }
 
-    &__image {
-        background-repeat: no-repeat;
-        background-size: 100%;
-        background-position: center;
-    }
-
     &__description {
         overflow: hidden;
         text-overflow: ellipsis;
+
         :not(:first-child) {
             display: none;
         }
+
         > * {
             font-size: 0.75em;
-            text-overflow: ellipsis;
-            overflow: hidden;
             margin: 0;
+            overflow: hidden;
+            text-overflow: ellipsis;
         }
     }
 }
 
 .ds4-item-list-title {
-    margin-top: 1em;
-    margin-bottom: 0;
-    padding-left: 1em;
     border-bottom: variables.$border-groove;
     font-weight: bold;
+    margin-bottom: 0;
+    margin-top: 1em;
+    padding-left: 1em;
 }

src/scss/components/_talent_rank_equation.scss

@@ -1,11 +1,12 @@
 .ds4-talent-rank-equation {
     display: flex;
     gap: 0.5em;
+
     &__value {
-        height: auto;
-        border: 0;
-        padding: 0;
         background-color: transparent;
+        border: 0;
+        height: auto;
+        padding: 0;
         text-align: center;
     }
 }