add .bottom-align

nature-of-code · Feb 22, 2024 · 59cc3e9 · 59cc3e9
1 parent 345b8e0
commit 59cc3e9
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/magicbook/stylesheets/components/codesplit.scss b/magicbook/stylesheets/components/codesplit.scss
@@ -77,15 +77,19 @@
 
     &.highlight {
       background: $color-gray-200;
-    }
 
-    // add a margin between adjacent highlight pairs
-    &.highlight + .pair.highlight {
-      border-top: 1pt solid $color-gray-100;
-    }
+      // add a margin between adjacent highlight pairs
+      + .pair.highlight {
+        border-top: 1pt solid $color-gray-100;
+      }
 
-    &.highlight + .pair.continue {
-      border-top: initial;
+      + .pair.continue {
+        border-top: initial;
+      }
+
+      &.bottom-align {
+        align-items: flex-start;
+      }
     }
 
     .comment {