mock events db schema

styles/index.css

@@ -197,6 +197,29 @@
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
+  .grid-table-\[1fr_1fr_1fr_1fr_1fr_1fr\] {
+    &:is(table) {
+      display: grid;
+      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+      & > :is(thead, tbody, tfoot) {
+        grid-column-start: 1;
+        grid-column-end: -1;
+        display: grid;
+        grid-template-columns: subgrid;
+        & > tr {
+          grid-column-start: 1;
+          grid-column-end: -1;
+          display: grid;
+          grid-template-columns: subgrid;
+          & > th, & > td {
+            grid-column: span 1;
+            align-content: center;
+            text-align: center;
+          }
+        }
+      }
+    }
+  }
   .grid-table-\[1fr_1fr_1fr_1fr_1fr_1fr_1fr\] {
     &:is(table) {
       display: grid;
@@ -289,6 +312,9 @@
   .mt-\[3em\] {
     margin-top: 3em;
   }
+  .mb-0 {
+    margin-bottom: calc(var(--spacing) * 0);
+  }
   .mb-\[0\.5em\] {
     margin-bottom: 0.5em;
   }
@@ -301,6 +327,9 @@
   .mb-\[3em\] {
     margin-bottom: 3em;
   }
+  .ml-\[0\.5em\] {
+    margin-left: 0.5em;
+  }
   .ml-\[1em\] {
     margin-left: 1em;
   }
@@ -370,6 +399,9 @@
   .flex-shrink {
     flex-shrink: 1;
   }
+  .flex-grow {
+    flex-grow: 1;
+  }
   .flex-grow-\[1\] {
     flex-grow: 1;
   }
@@ -385,6 +417,12 @@
   .basis-full {
     flex-basis: 100%;
   }
+  .border-collapse {
+    border-collapse: collapse;
+  }
+  .transform {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+  }
   .animate-pulse {
     animation: var(--animate-pulse);
   }
@@ -495,6 +533,15 @@
   .border-\[gray\] {
     border-color: gray;
   }
+  .border-\[red\] {
+    border-color: red;
+  }
+  .border-\[white\] {
+    border-color: white;
+  }
+  .border-accent {
+    border-color: var(--accent);
+  }
   .border-border {
     border-color: var(--border);
   }
@@ -507,6 +554,9 @@
   .border-sidebar-border {
     border-color: var(--sidebar-border);
   }
+  .bg-\[red\] {
+    background-color: red;
+  }
   .bg-accent {
     background-color: var(--accent);
   }
@@ -519,6 +569,9 @@
   .bg-card {
     background-color: var(--card);
   }
+  .bg-none {
+    background-image: none;
+  }
   .p-\[0\.5em\] {
     padding: 0.5em;
   }
@@ -558,6 +611,9 @@
   .font-display {
     font-family: var(--display-family);
   }
+  .font-text {
+    font-family: var(--text-family);
+  }
   .text-lg {
     font-size: var(--text-lg);
     line-height: var(--tw-leading, var(--text-lg--line-height));
@@ -573,6 +629,10 @@
   .text-\[1\.5em\] {
     font-size: 1.5em;
   }
+  .font-\[1\.5em\] {
+    --tw-font-weight: 1.5em;
+    font-weight: 1.5em;
+  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -584,6 +644,12 @@
   .text-nowrap {
     text-wrap: nowrap;
   }
+  .text-wrap {
+    text-wrap: wrap;
+  }
+  .text-inherit {
+    color: inherit;
+  }
   .capitalize {
     text-transform: capitalize;
   }
@@ -593,13 +659,24 @@
   .underline {
     text-decoration-line: underline;
   }
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
   .outline-1 {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .outline-\[1px\] {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
   .outline-\(--table-tfoot\) {
     outline-color: var(--table-tfoot);
   }
+  .outline-\[red\] {
+    outline-color: red;
+  }
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
@@ -613,6 +690,16 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .\*\:bg-background {
+    :is(& > *) {
+      background-color: var(--background);
+    }
+  }
+  .\*\*\:bg-background {
+    :is(& *) {
+      background-color: var(--background);
+    }
+  }
   .not-open\:mb-\[1em\] {
     &:not(*:is([open], :popover-open, :open)) {
       margin-bottom: 1em;
@@ -1167,6 +1254,26 @@
     }
   }
 }
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -1249,26 +1356,6 @@
   inherits: false;
   initial-value: 1;
 }
-@property --tw-rotate-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-y {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-z {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-y {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-content {
   syntax: "*";
   initial-value: "";
@@ -1286,6 +1373,11 @@
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
       --tw-border-style: solid;
       --tw-font-weight: initial;
       --tw-outline-style: solid;
@@ -1305,11 +1397,6 @@
       --tw-scale-x: 1;
       --tw-scale-y: 1;
       --tw-scale-z: 1;
-      --tw-rotate-x: initial;
-      --tw-rotate-y: initial;
-      --tw-rotate-z: initial;
-      --tw-skew-x: initial;
-      --tw-skew-y: initial;
       --tw-content: "";
       --tw-leading: initial;
     }