diff --git a/public/assets/index.css b/public/assets/index.css index 84289ea..c579d62 100644 --- a/public/assets/index.css +++ b/public/assets/index.css @@ -983,11 +983,20 @@ video { grid-column: span 5 / span 5; } +.col-span-6 { + grid-column: span 6 / span 6; +} + .mx-auto { margin-left: auto; margin-right: auto; } +.my-auto { + margin-top: auto; + margin-bottom: auto; +} + .mb-12 { margin-bottom: 3rem; } @@ -1028,6 +1037,14 @@ video { margin-right: 1rem; } +.block { + display: block; +} + +.inline-block { + display: inline-block; +} + .inline { display: inline; } @@ -1048,6 +1065,10 @@ video { height: 12rem; } +.max-h-12 { + max-height: 3rem; +} + .w-36 { width: 9rem; } @@ -1113,6 +1134,14 @@ video { grid-template-columns: repeat(3, minmax(0, 1fr)); } +.grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); +} + +.content-center { + align-content: center; +} + .items-center { align-items: center; } @@ -1187,6 +1216,16 @@ video { background-color: rgb(254 249 195 / 0.6); } +.bg-fuchsia-100 { + --tw-bg-opacity: 1; + background-color: rgb(250 232 255 / var(--tw-bg-opacity)); +} + +.bg-fuchsia-50 { + --tw-bg-opacity: 1; + background-color: rgb(253 244 255 / var(--tw-bg-opacity)); +} + .fill-blue-100 { fill: #dbeafe; } @@ -1204,6 +1243,10 @@ video { padding: 0.25rem; } +.p-2 { + padding: 0.5rem; +} + .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; @@ -1231,6 +1274,14 @@ video { padding-bottom: 2.5rem; } +.text-left { + text-align: left; +} + +.text-center { + text-align: center; +} + .text-right { text-align: right; } @@ -1306,6 +1357,10 @@ video { text-decoration-line: none; } +.decoration-wavy { + text-decoration-style: wavy; +} + .shadow-solid { --tw-shadow: 10px 10px 1px 2px; --tw-shadow-colored: 10px 10px 1px 2px var(--tw-shadow-color); @@ -1317,6 +1372,12 @@ video { --tw-shadow: var(--tw-shadow-colored); } +.transition-colors { + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + @tailwind typography; @font-face { @@ -1447,6 +1508,11 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { background-color: rgb(254 240 138 / var(--tw-bg-opacity)); } +.hover\:bg-fuchsia-200:hover { + --tw-bg-opacity: 1; + background-color: rgb(245 208 254 / var(--tw-bg-opacity)); +} + .hover\:fill-blue-400:hover { fill: #60a5fa; } @@ -1563,6 +1629,16 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { background-color: rgb(250 204 21 / var(--tw-bg-opacity)); } + .dark\:bg-fuchsia-800 { + --tw-bg-opacity: 1; + background-color: rgb(134 25 143 / var(--tw-bg-opacity)); + } + + .dark\:bg-fuchsia-900 { + --tw-bg-opacity: 1; + background-color: rgb(112 26 117 / var(--tw-bg-opacity)); + } + .dark\:prose-invert { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); @@ -1607,6 +1683,11 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: rgb(133 77 14 / var(--tw-text-opacity)); } + .dark\:text-blue-200 { + --tw-text-opacity: 1; + color: rgb(191 219 254 / var(--tw-text-opacity)); + } + .dark\:shadow-pink-200 { --tw-shadow-color: #fbcfe8; --tw-shadow: var(--tw-shadow-colored); @@ -1671,6 +1752,11 @@ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { background-color: rgb(250 204 21 / 0.8); } + .dark\:hover\:bg-fuchsia-700:hover { + --tw-bg-opacity: 1; + background-color: rgb(162 28 175 / var(--tw-bg-opacity)); + } + .dark\:hover\:text-yellow-100:hover { --tw-text-opacity: 1; color: rgb(254 249 195 / var(--tw-text-opacity));