2025-01-18 22:32:29

assets/css/system/modules/_shortcodes.scss

@@ -139,7 +139,7 @@ body {
           }
 
           .card-body {
-            max-height: calc(100vh - 10rem);
+            //max-height: calc(100vh - 10rem);
           }
         }
 

assets/css/system/modules/_syntax.chroma.scss

@@ -4,51 +4,43 @@
     color: #abb2bf;
 
     .lnt, .line, .hl {
-      display: block;
+      display: flex;
+
+      .cl {
+        flex-grow: 1;
+      }
     }
 
     .lnt {
       -webkit-user-select: none;
       user-select: none;
     }
 
+    // -------------------------------------------------------------------------------------------------------------- //
+    // Chroma: Table.
+    // -------------------------------------------------------------------------------------------------------------- //
+
     table {
       table-layout: fixed;
       width: 100%;
 
       tr {
         td {
-          border: 0;
-          margin: 0;
-          padding: 0;
           vertical-align: top;
 
           &:first-child {
-            overflow: auto;
             width: 4rem;
-
-            pre {
-              border-radius: 0;
-              background-color: unset;
-
-              > code {
-                padding-right: 0;
-              }
-            }
+            padding: 1rem 0 1rem 1rem;
           }
 
           &:last-child {
-            overflow: auto;
             width: 100%;
+            padding: 1rem 1rem 1rem 0;
+          }
 
-            pre {
-              border-radius: 0;
-              background-color: unset;
-
-              > code {
-                padding-left: 0;
-              }
-            }
+          pre {
+            border-radius: 0;
+            padding: 0;
           }
         }
       }

assets/css/system/modules/_typography.scss

@@ -55,11 +55,14 @@ body {
       pre {
         @include font-mono();
         border-radius: var(--bs-border-radius);
+        display: flex;
+        padding: 1rem;
 
         > code {
           background: unset;
-          display: block;
-          padding: 1rem;
+          flex-grow: 1;
+          line-height: 2;
+          padding: 0;
           white-space: pre;
         }
       }