diff --git a/assets/css/theme.css b/assets/css/theme.css index a608af2..235eb46 100644 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -665,6 +665,11 @@ video { margin-bottom: 2rem; } +.my-12 { + margin-top: 3rem; + margin-bottom: 3rem; +} + .mb-4 { margin-bottom: 1rem; } @@ -689,6 +694,10 @@ video { margin-top: 4rem; } +.mt-24 { + margin-top: 6rem; +} + .block { display: block; } @@ -777,6 +786,24 @@ video { width: 100%; } +.w-14 { + width: 3.5rem; +} + +.w-28 { + width: 7rem; +} + +.min-w-fit { + min-width: -moz-fit-content; + min-width: fit-content; +} + +.min-w-min { + min-width: -moz-min-content; + min-width: min-content; +} + .max-w-\[200px\] { max-width: 200px; } @@ -789,6 +816,18 @@ video { max-width: 100%; } +.max-w-2xl { + max-width: 42rem; +} + +.max-w-\[112px\] { + max-width: 112px; +} + +.max-w-\[140px\] { + max-width: 140px; +} + .flex-1 { flex: 1 1 0%; } @@ -802,14 +841,36 @@ video { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.cursor-pointer { + cursor: pointer; +} + +.select-none { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } +.flex-row { + flex-direction: row; +} + +.flex-row-reverse { + flex-direction: row-reverse; +} + .flex-col { flex-direction: column; } +.flex-wrap { + flex-wrap: wrap; +} + .items-center { align-items: center; } @@ -826,6 +887,10 @@ video { justify-content: space-between; } +.justify-around { + justify-content: space-around; +} + .gap-2 { gap: 0.5rem; } @@ -842,6 +907,10 @@ video { gap: 0.25rem; } +.gap-6 { + gap: 1.5rem; +} + .truncate { overflow: hidden; text-overflow: ellipsis; @@ -852,6 +921,15 @@ video { border-radius: 0.5rem; } +.border { + border-width: 1px; +} + +.border-blue-950 { + --tw-border-opacity: 1; + border-color: rgb(23 37 84 / var(--tw-border-opacity)); +} + .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); @@ -862,6 +940,11 @@ video { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } +.bg-blue-950 { + --tw-bg-opacity: 1; + background-color: rgb(23 37 84 / var(--tw-bg-opacity)); +} + .object-cover { -o-object-fit: cover; object-fit: cover; @@ -926,6 +1009,10 @@ video { padding-top: 1rem; } +.pr-6 { + padding-right: 1.5rem; +} + .text-left { text-align: left; } @@ -971,6 +1058,14 @@ video { font-weight: 600; } +.font-light { + font-weight: 300; +} + +.font-normal { + font-weight: 400; +} + .leading-none { line-height: 1; } @@ -989,6 +1084,21 @@ video { color: rgb(185 28 28 / 0.5); } +.text-blue-950 { + --tw-text-opacity: 1; + color: rgb(23 37 84 / var(--tw-text-opacity)); +} + +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +.text-gray-500 { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity)); +} + .line-through { text-decoration-line: line-through; } @@ -1019,6 +1129,10 @@ body { stroke: #374151; } +.hover\:stroke-2:hover { + stroke-width: 2; +} + .hover\:text-yellow-700:hover { --tw-text-opacity: 1; color: rgb(161 98 7 / var(--tw-text-opacity)); @@ -1064,6 +1178,10 @@ body { display: none; } + .md\:w-24 { + width: 6rem; + } + .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } @@ -1082,6 +1200,10 @@ body { right: 0px; } + .lg\:mt-36 { + margin-top: 9rem; + } + .lg\:flex { display: flex; } @@ -1102,6 +1224,26 @@ body { grid-template-columns: repeat(4, minmax(0, 1fr)); } + .lg\:flex-row { + flex-direction: row; + } + + .lg\:flex-col { + flex-direction: column; + } + + .lg\:flex-nowrap { + flex-wrap: nowrap; + } + + .lg\:items-center { + align-items: center; + } + + .lg\:justify-between { + justify-content: space-between; + } + .lg\:bg-transparent { background-color: transparent; }