diff --git a/static/css/dist/styles.css b/static/css/dist/styles.css index e41cca9..8db73f3 100644 --- a/static/css/dist/styles.css +++ b/static/css/dist/styles.css @@ -1295,38 +1295,27 @@ select { margin: 1rem; } -.m-0 { - margin: 0px; -} - .mx-auto { margin-left: auto; margin-right: auto; } -.my-0 { - margin-top: 0px; - margin-bottom: 0px; -} - .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } -.my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; +.my-0 { + margin-top: 0px; + margin-bottom: 0px; } -.my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; +.mb-4 { + margin-bottom: 1rem; } -.my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; +.mt-2 { + margin-top: 0.5rem; } .mb-2 { @@ -1341,16 +1330,8 @@ select { margin-top: 1.5rem; } -.mb-4 { - margin-bottom: 1rem; -} - -.mt-2 { - margin-top: 0.5rem; -} - -.ml-2 { - margin-left: 0.5rem; +.mt-4 { + margin-top: 1rem; } .block { @@ -1377,8 +1358,8 @@ select { display: none; } -.h-auto { - height: auto; +.h-full { + height: 100%; } .h-screen { @@ -1393,10 +1374,38 @@ select { max-height: 3rem; } +.max-h-screen { + max-height: 100vh; +} + .max-h-72 { max-height: 18rem; } +.max-h-\[100px\] { + max-height: 100px; +} + +.max-h-\[150px\] { + max-height: 150px; +} + +.max-h-\[50px\] { + max-height: 50px; +} + +.max-h-\[750px\] { + max-height: 750px; +} + +.max-h-\[75px\] { + max-height: 75px; +} + +.max-h-\[90px\] { + max-height: 90px; +} + .w-full { width: 100%; } @@ -1405,18 +1414,26 @@ select { width: 9rem; } -.max-w-screen-lg { - max-width: 1024px; -} - .max-w-full { max-width: 100%; } +.max-w-sm { + max-width: 24rem; +} + +.max-w-screen-lg { + max-width: 1024px; +} + .max-w-screen-md { max-width: 768px; } +.basis-1\/3 { + flex-basis: 33.333333%; +} + .basis-1\/2 { flex-basis: 50%; } @@ -1445,6 +1462,10 @@ select { place-items: center; } +.content-start { + align-content: flex-start; +} + .items-center { align-items: center; } @@ -1461,22 +1482,22 @@ select { justify-content: space-around; } -.gap-6 { - gap: 1.5rem; +.gap-4 { + gap: 1rem; } .gap-3 { gap: 0.75rem; } -.gap-4 { - gap: 1rem; -} - .gap-8 { gap: 2rem; } +.gap-6 { + gap: 1.5rem; +} + .self-center { align-self: center; } @@ -1493,35 +1514,64 @@ select { border-bottom-width: 1px; } +.border-t { + border-top-width: 1px; +} + .border-dashed { border-style: dashed; } -.border-blue-100 { - --tw-border-opacity: 1; - border-color: rgb(219 234 254 / var(--tw-border-opacity)); -} - -.border-stone-200 { - --tw-border-opacity: 1; - border-color: rgb(231 229 228 / var(--tw-border-opacity)); -} - .border-slate-400 { --tw-border-opacity: 1; border-color: rgb(148 163 184 / var(--tw-border-opacity)); } +.border-stone-200 { + --tw-border-opacity: 1; + border-color: rgb(231 229 228 / var(--tw-border-opacity)); +} + .border-stone-300 { --tw-border-opacity: 1; border-color: rgb(214 211 209 / var(--tw-border-opacity)); } +.border-blue-100 { + --tw-border-opacity: 1; + border-color: rgb(219 234 254 / var(--tw-border-opacity)); +} + +.bg-base { + --tw-bg-opacity: 1; + background-color: rgb(235 255 235 / var(--tw-bg-opacity)); +} + +.bg-header { + --tw-bg-opacity: 1; + background-color: rgb(224 252 252 / var(--tw-bg-opacity)); +} + +.bg-footer { + --tw-bg-opacity: 1; + background-color: rgb(224 252 252 / var(--tw-bg-opacity)); +} + +.bg-article { + --tw-bg-opacity: 1; + background-color: rgb(0 111 222 / var(--tw-bg-opacity)); +} + .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } +.bg-green-100 { + --tw-bg-opacity: 1; + background-color: rgb(220 252 231 / var(--tw-bg-opacity)); +} + .bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity)); @@ -1532,48 +1582,43 @@ select { background-color: rgb(250 250 249 / var(--tw-bg-opacity)); } -.bg-green-100 { - --tw-bg-opacity: 1; - background-color: rgb(220 252 231 / var(--tw-bg-opacity)); -} - .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } -.p-4 { - padding: 1rem; -} - .p-2 { padding: 0.5rem; } +.p-4 { + padding: 1rem; +} + .p-8 { padding: 2rem; } -.px-4 { - padding-left: 1rem; - padding-right: 1rem; -} - -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; -} - .py-4 { padding-top: 1rem; padding-bottom: 1rem; } +.px-4 { + padding-left: 1rem; + padding-right: 1rem; +} + .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + .pb-1 { padding-bottom: 0.25rem; } @@ -1594,6 +1639,19 @@ select { font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } +.text-\[15px\] { + font-size: 15px; +} + +.text-\[2\.25rem\] { + font-size: 2.25rem; +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + .text-2xl { font-size: 1.5rem; line-height: 2rem; @@ -1609,19 +1667,6 @@ select { line-height: 1rem; } -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; -} - -.text-\[15px\] { - font-size: 15px; -} - -.text-\[2\.25rem\] { - font-size: 2.25rem; -} - .text-5xl { font-size: 3rem; line-height: 1; @@ -1631,14 +1676,14 @@ select { font-weight: 300; } -.font-normal { - font-weight: 400; -} - .font-medium { font-weight: 500; } +.font-normal { + font-weight: 400; +} + .font-semibold { font-weight: 600; } @@ -1663,6 +1708,11 @@ select { letter-spacing: 0em; } +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -1674,6 +1724,12 @@ select { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.shadow-lg { + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .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); } @@ -1872,14 +1928,14 @@ h4 { margin: 0px; } - .lg\:w-screen { - width: 100vw; - } - .lg\:w-40 { width: 10rem; } + .lg\:w-screen { + width: 100vw; + } + .lg\:flex-row { flex-direction: row; } diff --git a/static/labs.png b/static/labs.png index e80ed5f..5845693 100644 Binary files a/static/labs.png and b/static/labs.png differ