diff --git a/static/style.css b/static/style.css index ea65572..66be40b 100644 --- a/static/style.css +++ b/static/style.css @@ -264,6 +264,9 @@ .aspect-\[9\/12\]\! { aspect-ratio: 9/12 !important; } + .aspect-square { + aspect-ratio: 1 / 1; + } .aspect-square\! { aspect-ratio: 1 / 1 !important; } @@ -303,9 +306,15 @@ .min-w-md { min-width: var(--container-md); } + .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,); } + .resize { + resize: both; + } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } @@ -333,6 +342,9 @@ .justify-evenly { justify-content: space-evenly; } + .gap-0 { + gap: calc(var(--spacing) * 0); + } .gap-0\! { gap: calc(var(--spacing) * 0) !important; } @@ -391,6 +403,10 @@ } } } + .border { + border-style: var(--tw-border-style); + border-width: 1px; + } .border-1 { border-style: var(--tw-border-style); border-width: 1px; @@ -455,6 +471,9 @@ .bg-gray-700 { background-color: var(--color-gray-700); } + .bg-green-400 { + background-color: var(--color-green-400); + } .bg-green-400\! { background-color: var(--color-green-400) !important; } @@ -464,12 +483,18 @@ .\!p-4 { padding: calc(var(--spacing) * 4) !important; } + .p-0 { + padding: calc(var(--spacing) * 0); + } .p-0\! { padding: calc(var(--spacing) * 0) !important; } .p-1 { padding: calc(var(--spacing) * 1); } + .p-2 { + padding: calc(var(--spacing) * 2); + } .p-2\! { padding: calc(var(--spacing) * 2) !important; } @@ -482,6 +507,9 @@ .pt-4 { padding-top: calc(var(--spacing) * 4); } + .pb-0 { + padding-bottom: calc(var(--spacing) * 0); + } .pb-0\! { padding-bottom: calc(var(--spacing) * 0) !important; } @@ -500,6 +528,9 @@ .pb-8 { padding-bottom: calc(var(--spacing) * 8); } + .pb-10 { + padding-bottom: calc(var(--spacing) * 10); + } .pb-10\! { padding-bottom: calc(var(--spacing) * 10) !important; } @@ -536,6 +567,9 @@ --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } + .text-wrap { + text-wrap: wrap; + } .text-gray-50 { color: var(--color-gray-50); } @@ -551,10 +585,17 @@ .text-red-500 { color: var(--color-red-500); } + .underline { + text-decoration-line: underline; + } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } + .outline { + outline-style: var(--tw-outline-style); + outline-width: 1px; + } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));