scaffolding for new seasons

pkg/embedfs/files/css/output.css

@@ -310,6 +310,9 @@
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
+  .mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
   .mb-6 {
     margin-bottom: calc(var(--spacing) * 6);
   }
@@ -343,6 +346,9 @@
   .inline-flex {
     display: inline-flex;
   }
+  .table {
+    display: table;
+  }
   .size-5 {
     width: calc(var(--spacing) * 5);
     height: calc(var(--spacing) * 5);
@@ -477,6 +483,13 @@
       margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .gap-x-2 {
     column-gap: calc(var(--spacing) * 2);
   }
@@ -529,6 +542,10 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
+  .border-b {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
   .border-blue {
     border-color: var(--blue);
   }
@@ -556,6 +573,12 @@
   .bg-blue {
     background-color: var(--blue);
   }
+  .bg-blue\/10 {
+    background-color: var(--blue);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--blue) 10%, transparent);
+    }
+  }
   .bg-crust {
     background-color: var(--crust);
   }
@@ -577,6 +600,12 @@
   .bg-green {
     background-color: var(--green);
   }
+  .bg-green\/10 {
+    background-color: var(--green);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--green) 10%, transparent);
+    }
+  }
   .bg-mantle {
     background-color: var(--mantle);
   }
@@ -589,12 +618,21 @@
   .bg-surface0 {
     background-color: var(--surface0);
   }
+  .bg-surface1 {
+    background-color: var(--surface1);
+  }
   .bg-teal {
     background-color: var(--teal);
   }
   .bg-yellow {
     background-color: var(--yellow);
   }
+  .bg-yellow\/10 {
+    background-color: var(--yellow);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--yellow) 10%, transparent);
+    }
+  }
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
@@ -742,6 +780,9 @@
   .text-yellow {
     color: var(--yellow);
   }
+  .italic {
+    font-style: italic;
+  }
   .opacity-50 {
     opacity: 50%;
   }
@@ -789,6 +830,16 @@
       }
     }
   }
+  .hover\:bg-blue\/75 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--blue);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--blue) 75%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-crust {
     &:hover {
       @media (hover: hover) {