saved mock listing

styles/index.css

@@ -15,8 +15,6 @@
     --text-lg--line-height: calc(1.75 / 1.125);
     --text-xl: 1.25rem;
     --text-xl--line-height: calc(1.75 / 1.25);
-    --text-2xl: 1.5rem;
-    --text-2xl--line-height: calc(2 / 1.5);
     --text-3xl: 1.875rem;
     --text-6xl: 3.75rem;
     --font-weight-semibold: 600;
@@ -291,6 +289,18 @@
   .h-\[2rem\] {
     height: 2rem;
   }
+  .h-\[10em\] {
+    height: 10em;
+  }
+  .h-fit {
+    height: fit-content;
+  }
+  .max-h-\[10em\] {
+    max-height: 10em;
+  }
+  .max-h-\[50em\] {
+    max-height: 50em;
+  }
   .max-h-full {
     max-height: 100%;
   }
@@ -333,12 +343,6 @@
   .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);
   }
@@ -351,9 +355,6 @@
   .resize {
     resize: both;
   }
-  .list-disc {
-    list-style-type: disc;
-  }
   .list-none {
     list-style-type: none;
   }
@@ -372,9 +373,6 @@
   .grid-cols-\[max-content_max-content\] {
     grid-template-columns: max-content max-content;
   }
-  .grid-rows-\[auto\] {
-    grid-template-rows: auto;
-  }
   .grid-rows-\[auto_auto_auto\] {
     grid-template-rows: auto auto auto;
   }
@@ -417,9 +415,15 @@
   .overflow-x-hidden {
     overflow-x: hidden;
   }
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
   .overflow-y-hidden {
     overflow-y: hidden;
   }
+  .overflow-y-scroll {
+    overflow-y: scroll;
+  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -435,10 +439,6 @@
   .rounded-sm {
     border-radius: calc(var(--radius) - 4px);
   }
-  .border {
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-  }
   .border-\[1px\] {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -455,9 +455,6 @@
     --tw-border-style: solid;
     border-style: solid;
   }
-  .border-background {
-    border-color: var(--background);
-  }
   .border-foreground {
     border-color: var(--foreground);
   }
@@ -467,9 +464,6 @@
   .border-sidebar-border {
     border-color: var(--sidebar-border);
   }
-  .border-white {
-    border-color: var(--color-white);
-  }
   .bg-accent {
     background-color: var(--accent);
   }
@@ -494,9 +488,6 @@
   .py-\[0\.5em\] {
     padding-block: 0.5em;
   }
-  .py-\[1em\] {
-    padding-block: 1em;
-  }
   .pt-\[1em\] {
     padding-top: 1em;
   }
@@ -518,13 +509,6 @@
   .font-display {
     font-family: var(--display-family);
   }
-  .font-text {
-    font-family: var(--text-family);
-  }
-  .text-2xl {
-    font-size: var(--text-2xl);
-    line-height: var(--tw-leading, var(--text-2xl--line-height));
-  }
   .text-lg {
     font-size: var(--text-lg);
     line-height: var(--tw-leading, var(--text-lg--line-height));
@@ -548,9 +532,6 @@
   .text-nowrap {
     text-wrap: nowrap;
   }
-  .text-wrap {
-    text-wrap: wrap;
-  }
   .capitalize {
     text-transform: capitalize;
   }
@@ -560,10 +541,6 @@
   .underline {
     text-decoration-line: underline;
   }
-  .outline {
-    outline-style: var(--tw-outline-style);
-    outline-width: 1px;
-  }
   .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,);
   }
@@ -1139,26 +1116,6 @@
     }
   }
 }
-@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;
@@ -1168,11 +1125,6 @@
   syntax: "*";
   inherits: false;
 }
-@property --tw-outline-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
 @property --tw-blur {
   syntax: "*";
   inherits: false;
@@ -1241,6 +1193,26 @@
   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: "";
@@ -1258,14 +1230,8 @@
 @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;
       --tw-blur: initial;
       --tw-brightness: initial;
       --tw-contrast: initial;
@@ -1282,6 +1248,11 @@
       --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;
     }