From d6402c0b3fde39ee411f06fa67c1512a14990a26 Mon Sep 17 00:00:00 2001
From: Bobby <bobbyskhs@gmail.com>
Date: Sat, 31 Aug 2024 01:10:02 -0400
Subject: multiple data card styles

---
 static/css/main.css | 185 ++++++++++++++++++++++------------------------------
 1 file changed, 79 insertions(+), 106 deletions(-)

(limited to 'static/css')

diff --git a/static/css/main.css b/static/css/main.css
index 1ff34f7..3e094b5 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -737,14 +737,6 @@ video {
   margin-top: 2rem;
 }
 
-.mb-1 {
-  margin-bottom: 0.25rem;
-}
-
-.box-border {
-  box-sizing: border-box;
-}
-
 .block {
   display: block;
 }
@@ -761,10 +753,6 @@ video {
   display: inline-flex;
 }
 
-.grid {
-  display: grid;
-}
-
 .hidden {
   display: none;
 }
@@ -773,8 +761,9 @@ video {
   aspect-ratio: 16 / 9;
 }
 
-.aspect-\[9\/13\] {
-  aspect-ratio: 9/13;
+.size-2 {
+  width: 0.5rem;
+  height: 0.5rem;
 }
 
 .size-3 {
@@ -792,11 +781,6 @@ video {
   height: 1.5rem;
 }
 
-.size-2 {
-  width: 0.5rem;
-  height: 0.5rem;
-}
-
 .h-24 {
   height: 6rem;
 }
@@ -805,6 +789,10 @@ video {
   height: 1rem;
 }
 
+.h-48 {
+  height: 12rem;
+}
+
 .h-5 {
   height: 1.25rem;
 }
@@ -821,10 +809,6 @@ video {
   height: 2rem;
 }
 
-.h-80 {
-  height: 20rem;
-}
-
 .h-96 {
   height: 24rem;
 }
@@ -837,30 +821,18 @@ video {
   height: 100%;
 }
 
-.h-3 {
-  height: 0.75rem;
-}
-
-.h-\[42vw\] {
-  height: 42vw;
-}
-
-.h-screen {
-  height: 100vh;
-}
-
 .max-h-24 {
   max-height: 6rem;
 }
 
-.max-h-\[806px\] {
-  max-height: 806px;
-}
-
 .max-h-screen {
   max-height: 100vh;
 }
 
+.max-h-96 {
+  max-height: 24rem;
+}
+
 .w-1\/2 {
   width: 50%;
 }
@@ -869,6 +841,10 @@ video {
   width: 2.5rem;
 }
 
+.w-16 {
+  width: 4rem;
+}
+
 .w-24 {
   width: 6rem;
 }
@@ -910,18 +886,30 @@ video {
   width: max-content;
 }
 
-.w-1\/3 {
-  width: 33.333333%;
+.min-w-32 {
+  min-width: 8rem;
 }
 
-.w-3 {
-  width: 0.75rem;
+.min-w-96 {
+  min-width: 24rem;
+}
+
+.min-w-80 {
+  min-width: 20rem;
+}
+
+.min-w-72 {
+  min-width: 18rem;
 }
 
 .max-w-7xl {
   max-width: 80rem;
 }
 
+.max-w-\[calc\(100\%-6rem\)\] {
+  max-width: calc(100% - 6rem);
+}
+
 .max-w-full {
   max-width: 100%;
 }
@@ -931,6 +919,10 @@ video {
   max-width: max-content;
 }
 
+.max-w-\[calc\(100\%-10rem\)\] {
+  max-width: calc(100% - 10rem);
+}
+
 .origin-left {
   transform-origin: left;
 }
@@ -987,10 +979,6 @@ video {
   list-style-position: inside;
 }
 
-.grid-cols-2 {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
 .flex-row {
   flex-direction: row;
 }
@@ -1057,12 +1045,6 @@ video {
   margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
 }
 
-.space-y-1 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
-}
-
 .overflow-auto {
   overflow: auto;
 }
@@ -1113,11 +1095,6 @@ video {
   border-radius: 0.75rem;
 }
 
-.rounded-b-lg {
-  border-bottom-right-radius: 0.5rem;
-  border-bottom-left-radius: 0.5rem;
-}
-
 .border {
   border-width: 1px;
 }
@@ -1417,10 +1394,6 @@ video {
   --tw-bg-opacity: 0.4;
 }
 
-.bg-opacity-50 {
-  --tw-bg-opacity: 0.5;
-}
-
 .bg-cover {
   background-size: cover;
 }
@@ -1529,10 +1502,6 @@ video {
   padding-top: 140%;
 }
 
-.pb-\[140\%\] {
-  padding-bottom: 140%;
-}
-
 .text-center {
   text-align: center;
 }
@@ -1547,6 +1516,10 @@ video {
   line-height: 2.5rem;
 }
 
+.text-\[10px\] {
+  font-size: 10px;
+}
+
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -1572,18 +1545,10 @@ video {
   line-height: 1rem;
 }
 
-.text-\[10px\] {
-  font-size: 10px;
-}
-
 .font-bold {
   font-weight: 700;
 }
 
-.font-semibold {
-  font-weight: 600;
-}
-
 .uppercase {
   text-transform: uppercase;
 }
@@ -2259,10 +2224,6 @@ main {
 }
 
 @media (min-width: 640px) {
-  .sm\:block {
-    display: block;
-  }
-
   .sm\:size-3 {
     width: 0.75rem;
     height: 0.75rem;
@@ -2273,16 +2234,8 @@ main {
     height: 1rem;
   }
 
-  .sm\:w-1\/2 {
-    width: 50%;
-  }
-
-  .sm\:w-1\/3 {
-    width: 33.333333%;
-  }
-
-  .sm\:grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
+  .sm\:flex-wrap {
+    flex-wrap: wrap;
   }
 
   .sm\:gap-2 {
@@ -2317,14 +2270,6 @@ main {
   .md\:w-64 {
     width: 16rem;
   }
-
-  .md\:w-1\/4 {
-    width: 25%;
-  }
-
-  .md\:grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
 }
 
 @media (min-width: 1024px) {
@@ -2336,14 +2281,26 @@ main {
     display: none;
   }
 
+  .lg\:h-16 {
+    height: 4rem;
+  }
+
   .lg\:h-\[42vw\] {
     height: 42vw;
   }
 
+  .lg\:h-\[39vw\] {
+    height: 39vw;
+  }
+
   .lg\:max-h-\[806px\] {
     max-height: 806px;
   }
 
+  .lg\:max-h-\[761px\] {
+    max-height: 761px;
+  }
+
   .lg\:w-1\/2 {
     width: 50%;
   }
@@ -2352,6 +2309,10 @@ main {
     width: 25%;
   }
 
+  .lg\:w-12 {
+    width: 3rem;
+  }
+
   .lg\:w-3\/4 {
     width: 75%;
   }
@@ -2360,22 +2321,38 @@ main {
     width: 15rem;
   }
 
-  .lg\:w-1\/5 {
-    width: 20%;
-  }
-
-  .lg\:grid-cols-5 {
-    grid-template-columns: repeat(5, minmax(0, 1fr));
+  .lg\:w-1\/3 {
+    width: 33.333333%;
   }
 
   .lg\:flex-row {
     flex-direction: row;
   }
 
+  .lg\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  .lg\:items-center {
+    align-items: center;
+  }
+
   .lg\:justify-end {
     justify-content: flex-end;
   }
 
+  .lg\:justify-between {
+    justify-content: space-between;
+  }
+
+  .lg\:justify-around {
+    justify-content: space-around;
+  }
+
+  .lg\:justify-evenly {
+    justify-content: space-evenly;
+  }
+
   .lg\:bg-white {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -2421,10 +2398,6 @@ main {
     width: 24rem;
   }
 
-  .xl\:grid-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-
   .xl\:flex-row {
     flex-direction: row;
   }
-- 
cgit v1.2.3