This commit is contained in:
reya
2023-11-20 13:50:59 +07:00
parent 8aa1741699
commit d932f129b2
10 changed files with 571 additions and 235 deletions

View File

@@ -625,14 +625,18 @@ video {
margin-top: 0.25rem;
}
.mt-10 {
margin-top: 2.5rem;
.mt-2 {
margin-top: 0.5rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.block {
display: block;
}
@@ -665,8 +669,8 @@ video {
height: 2.75rem;
}
.h-12 {
height: 3rem;
.h-14 {
height: 3.5rem;
}
.h-5 {
@@ -681,8 +685,16 @@ video {
height: 2.25rem;
}
.w-12 {
width: 3rem;
.h-screen {
height: 100vh;
}
.w-14 {
width: 3.5rem;
}
.w-24 {
width: 6rem;
}
.w-5 {
@@ -697,6 +709,14 @@ video {
width: 100%;
}
.w-screen {
width: 100vw;
}
.max-w-full {
max-width: 100%;
}
.max-w-xl {
max-width: 36rem;
}
@@ -793,45 +813,36 @@ video {
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-indigo-600 {
.border-primary {
--tw-border-opacity: 1;
border-color: rgb(79 70 229 / var(--tw-border-opacity));
border-color: rgb(225 227 234 / var(--tw-border-opacity));
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
.border-secondary {
border-color: rgba(90, 65, 244, 1);
}
.bg-gray-200 {
.bg-background {
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-gray-50 {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
.bg-muted {
background-color: rgba(240, 240, 246, 1);
}
.bg-indigo-100 {
--tw-bg-opacity: 1;
background-color: rgb(224 231 255 / var(--tw-bg-opacity));
.bg-primary {
background-color: rgba(90, 65, 244, 1);
}
.bg-indigo-600 {
--tw-bg-opacity: 1;
background-color: rgb(79 70 229 / var(--tw-bg-opacity));
.bg-secondary {
background-color: rgba(90, 65, 244, 0.1);
}
.bg-transparent {
background-color: transparent;
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.p-8 {
padding: 2rem;
}
@@ -889,9 +900,9 @@ video {
text-transform: capitalize;
}
.text-gray-300 {
.text-foreground {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
color: rgb(54 54 74 / var(--tw-text-opacity));
}
.text-gray-500 {
@@ -899,14 +910,18 @@ video {
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-700 {
.text-muted {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity));
color: rgb(129 132 152 / var(--tw-text-opacity));
}
.text-indigo-600 {
.text-primary {
color: rgba(90, 65, 244, 1);
}
.text-red-500 {
--tw-text-opacity: 1;
color: rgb(79 70 229 / var(--tw-text-opacity));
color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-white {
@@ -925,6 +940,12 @@ video {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-primary {
--tw-shadow: 0px 10px 36px 0px rgba(64, 47, 132, 0.04);
--tw-shadow-colored: 0px 10px 36px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -963,9 +984,19 @@ video {
transition-duration: 150ms;
}
.disabled\:text-gray-300:disabled {
.placeholder\:text-muted::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
color: rgb(129 132 152 / var(--tw-text-opacity));
}
.placeholder\:text-muted::placeholder {
--tw-text-opacity: 1;
color: rgb(129 132 152 / var(--tw-text-opacity));
}
.disabled\:text-muted:disabled {
--tw-text-opacity: 1;
color: rgb(129 132 152 / var(--tw-text-opacity));
}
@media (prefers-color-scheme: dark) {
@@ -973,29 +1004,4 @@ video {
--tw-border-opacity: 1;
border-color: rgb(31 41 55 / var(--tw-border-opacity));
}
.dark\:border-gray-900 {
--tw-border-opacity: 1;
border-color: rgb(17 24 39 / var(--tw-border-opacity));
}
.dark\:bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.dark\:bg-gray-800 {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.dark\:bg-gray-950 {
--tw-bg-opacity: 1;
background-color: rgb(3 7 18 / var(--tw-bg-opacity));
}
.dark\:text-gray-300 {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
}