updated so many things, my bad
This commit is contained in:
@ -9,6 +9,7 @@
|
||||
|
||||
@import 'components/buttons.css';
|
||||
@import 'components/cards.css';
|
||||
@import 'components/forms.css';
|
||||
@import 'components/tables.css';
|
||||
|
||||
body {
|
||||
@ -17,6 +18,19 @@ body {
|
||||
scrollbar-gutter: stable both-edges;
|
||||
}
|
||||
|
||||
html, body {
|
||||
transition-duration: 0.05s;
|
||||
transition-timing-function: ease-in-out;
|
||||
}
|
||||
|
||||
html, body {
|
||||
transition-property: background, color;
|
||||
}
|
||||
|
||||
button, a {
|
||||
transition-property: all;
|
||||
}
|
||||
|
||||
@media (max-width: 1023px) {
|
||||
.grid-container {
|
||||
@apply grid-cols-1;
|
||||
|
||||
31
src/resources/css/components/forms.css
Normal file
31
src/resources/css/components/forms.css
Normal file
@ -0,0 +1,31 @@
|
||||
.form-block {
|
||||
@apply grid auto-rows-max gap-y-1;
|
||||
}
|
||||
|
||||
.form-label {
|
||||
@apply uppercase font-semibold text-xs text-zinc-600 dark:text-zinc-300;
|
||||
}
|
||||
|
||||
input.form-input[type="date"],
|
||||
input.form-input[type="datetime-local"],
|
||||
input.form-input[type="email"],
|
||||
input.form-input[type="month"],
|
||||
input.form-input[type="number"],
|
||||
input.form-input[type="password"],
|
||||
input.form-input[type="search"],
|
||||
input.form-input[type="tel"],
|
||||
input.form-input[type="text"],
|
||||
input.form-input[type="textarea"],
|
||||
input.form-input[type="url"],
|
||||
input.form-input[type="week"],
|
||||
textarea.form-input {
|
||||
@apply relative px-3 py-1 border rounded focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 bg-white dark:bg-indigo-900 text-zinc-900 dark:text-zinc-100 border-stone-300 dark:border-stone-600 shadow dark:shadow-white;
|
||||
}
|
||||
|
||||
.form-checkbox-label {
|
||||
@apply grid grid-flow-col auto-cols-max gap-x-2 items-center;
|
||||
}
|
||||
|
||||
.form-checkbox-label .form-checkbox {
|
||||
/*rounded border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50*/
|
||||
}
|
||||
@ -1,7 +1,26 @@
|
||||
.table thead tr {
|
||||
@apply border-b-2 border-gray-700 uppercase text-left;
|
||||
.table {
|
||||
@apply bg-white dark:bg-neutral-800 rounded w-full;
|
||||
}
|
||||
|
||||
.table thead th,
|
||||
.table tbody td {
|
||||
@apply px-4 py-3;
|
||||
}
|
||||
|
||||
.table thead tr {
|
||||
@apply border-b border-neutral-900 dark:border-neutral-300;
|
||||
}
|
||||
|
||||
.table thead th {
|
||||
@apply text-zinc-700 dark:text-zinc-200 text-sm text-left font-semibold uppercase;
|
||||
}
|
||||
|
||||
.table tbody tr:not(:first-child) {
|
||||
@apply border-t border-neutral-700 dark:border-neutral-400;
|
||||
}
|
||||
|
||||
.table tbody td {}
|
||||
|
||||
.table-fuzzy-hover tbody:hover td {
|
||||
color: transparent;
|
||||
text-shadow: 0 0 2px #999;
|
||||
|
||||
241
src/resources/css/text-shadows.css
Normal file
241
src/resources/css/text-shadows.css
Normal file
@ -0,0 +1,241 @@
|
||||
.text-shadow-slate-50 { text-shadow: 1px 1px 2px #f8fafc; }
|
||||
.text-shadow-slate-100 { text-shadow: 1px 1px 2px #f1f5f9; }
|
||||
.text-shadow-slate-200 { text-shadow: 1px 1px 2px #e2e8f0; }
|
||||
.text-shadow-slate-300 { text-shadow: 1px 1px 2px #cbd5e1; }
|
||||
.text-shadow-slate-400 { text-shadow: 1px 1px 2px #94a3b8; }
|
||||
.text-shadow-slate-500 { text-shadow: 1px 1px 2px #64748b; }
|
||||
.text-shadow-slate-600 { text-shadow: 1px 1px 2px #475569; }
|
||||
.text-shadow-slate-700 { text-shadow: 1px 1px 2px #334155; }
|
||||
.text-shadow-slate-800 { text-shadow: 1px 1px 2px #1e293b; }
|
||||
.text-shadow-slate-900 { text-shadow: 1px 1px 2px #0f172a; }
|
||||
|
||||
.text-shadow-gray-50 { text-shadow: 1px 1px 2px #f9fafb; }
|
||||
.text-shadow-gray-100 { text-shadow: 1px 1px 2px #f3f4f6; }
|
||||
.text-shadow-gray-200 { text-shadow: 1px 1px 2px #e5e7eb; }
|
||||
.text-shadow-gray-300 { text-shadow: 1px 1px 2px #d1d5db; }
|
||||
.text-shadow-gray-400 { text-shadow: 1px 1px 2px #9ca3af; }
|
||||
.text-shadow-gray-500 { text-shadow: 1px 1px 2px #6b7280; }
|
||||
.text-shadow-gray-600 { text-shadow: 1px 1px 2px #4b5563; }
|
||||
.text-shadow-gray-700 { text-shadow: 1px 1px 2px #374151; }
|
||||
.text-shadow-gray-800 { text-shadow: 1px 1px 2px #1f2937; }
|
||||
.text-shadow-gray-900 { text-shadow: 1px 1px 2px #111827; }
|
||||
|
||||
.text-shadow-zinc-50 { text-shadow: 1px 1px 2px #fafafa; }
|
||||
.text-shadow-zinc-100 { text-shadow: 1px 1px 2px #f4f4f5; }
|
||||
.text-shadow-zinc-200 { text-shadow: 1px 1px 2px #e4e4e7; }
|
||||
.text-shadow-zinc-300 { text-shadow: 1px 1px 2px #d4d4d8; }
|
||||
.text-shadow-zinc-400 { text-shadow: 1px 1px 2px #a1a1aa; }
|
||||
.text-shadow-zinc-500 { text-shadow: 1px 1px 2px #71717a; }
|
||||
.text-shadow-zinc-600 { text-shadow: 1px 1px 2px #52525b; }
|
||||
.text-shadow-zinc-700 { text-shadow: 1px 1px 2px #3f3f46; }
|
||||
.text-shadow-zinc-800 { text-shadow: 1px 1px 2px #27272a; }
|
||||
.text-shadow-zinc-900 { text-shadow: 1px 1px 2px #18181b; }
|
||||
|
||||
.text-shadow-neutral-50 { text-shadow: 1px 1px 2px #fafafa; }
|
||||
.text-shadow-neutral-100 { text-shadow: 1px 1px 2px #f5f5f5; }
|
||||
.text-shadow-neutral-200 { text-shadow: 1px 1px 2px #e5e5e5; }
|
||||
.text-shadow-neutral-300 { text-shadow: 1px 1px 2px #d4d4d4; }
|
||||
.text-shadow-neutral-400 { text-shadow: 1px 1px 2px #a3a3a3; }
|
||||
.text-shadow-neutral-500 { text-shadow: 1px 1px 2px #737373; }
|
||||
.text-shadow-neutral-600 { text-shadow: 1px 1px 2px #525252; }
|
||||
.text-shadow-neutral-700 { text-shadow: 1px 1px 2px #404040; }
|
||||
.text-shadow-neutral-800 { text-shadow: 1px 1px 2px #262626; }
|
||||
.text-shadow-neutral-900 { text-shadow: 1px 1px 2px #171717; }
|
||||
|
||||
.text-shadow-stone-50 { text-shadow: 1px 1px 2px #fafaf9; }
|
||||
.text-shadow-stone-100 { text-shadow: 1px 1px 2px #f5f5f4; }
|
||||
.text-shadow-stone-200 { text-shadow: 1px 1px 2px #e7e5e4; }
|
||||
.text-shadow-stone-300 { text-shadow: 1px 1px 2px #d6d3d1; }
|
||||
.text-shadow-stone-400 { text-shadow: 1px 1px 2px #a8a29e; }
|
||||
.text-shadow-stone-500 { text-shadow: 1px 1px 2px #78716c; }
|
||||
.text-shadow-stone-600 { text-shadow: 1px 1px 2px #57534e; }
|
||||
.text-shadow-stone-700 { text-shadow: 1px 1px 2px #44403c; }
|
||||
.text-shadow-stone-800 { text-shadow: 1px 1px 2px #292524; }
|
||||
.text-shadow-stone-900 { text-shadow: 1px 1px 2px #1c1917; }
|
||||
|
||||
.text-shadow-red-50 { text-shadow: 1px 1px 2px #fef2f2; }
|
||||
.text-shadow-red-100 { text-shadow: 1px 1px 2px #fee2e2; }
|
||||
.text-shadow-red-200 { text-shadow: 1px 1px 2px #fecaca; }
|
||||
.text-shadow-red-300 { text-shadow: 1px 1px 2px #fca5a5; }
|
||||
.text-shadow-red-400 { text-shadow: 1px 1px 2px #f87171; }
|
||||
.text-shadow-red-500 { text-shadow: 1px 1px 2px #ef4444; }
|
||||
.text-shadow-red-600 { text-shadow: 1px 1px 2px #dc2626; }
|
||||
.text-shadow-red-700 { text-shadow: 1px 1px 2px #b91c1c; }
|
||||
.text-shadow-red-800 { text-shadow: 1px 1px 2px #991b1b; }
|
||||
.text-shadow-red-900 { text-shadow: 1px 1px 2px #7f1d1d; }
|
||||
|
||||
.text-shadow-orange-50 { text-shadow: 1px 1px 2px #fff7ed; }
|
||||
.text-shadow-orange-100 { text-shadow: 1px 1px 2px #ffedd5; }
|
||||
.text-shadow-orange-200 { text-shadow: 1px 1px 2px #fed7aa; }
|
||||
.text-shadow-orange-300 { text-shadow: 1px 1px 2px #fdba74; }
|
||||
.text-shadow-orange-400 { text-shadow: 1px 1px 2px #fb923c; }
|
||||
.text-shadow-orange-500 { text-shadow: 1px 1px 2px #f97316; }
|
||||
.text-shadow-orange-600 { text-shadow: 1px 1px 2px #ea580c; }
|
||||
.text-shadow-orange-700 { text-shadow: 1px 1px 2px #c2410c; }
|
||||
.text-shadow-orange-800 { text-shadow: 1px 1px 2px #9a3412; }
|
||||
.text-shadow-orange-900 { text-shadow: 1px 1px 2px #7c2d12; }
|
||||
|
||||
.text-shadow-amber-50 { text-shadow: 1px 1px 2px #fffbeb; }
|
||||
.text-shadow-amber-100 { text-shadow: 1px 1px 2px #fef3c7; }
|
||||
.text-shadow-amber-200 { text-shadow: 1px 1px 2px #fde68a; }
|
||||
.text-shadow-amber-300 { text-shadow: 1px 1px 2px #fcd34d; }
|
||||
.text-shadow-amber-400 { text-shadow: 1px 1px 2px #fbbf24; }
|
||||
.text-shadow-amber-500 { text-shadow: 1px 1px 2px #f59e0b; }
|
||||
.text-shadow-amber-600 { text-shadow: 1px 1px 2px #d97706; }
|
||||
.text-shadow-amber-700 { text-shadow: 1px 1px 2px #b45309; }
|
||||
.text-shadow-amber-800 { text-shadow: 1px 1px 2px #92400e; }
|
||||
.text-shadow-amber-900 { text-shadow: 1px 1px 2px #78350f; }
|
||||
|
||||
.text-shadow-yellow-50 { text-shadow: 1px 1px 2px #fefce8; }
|
||||
.text-shadow-yellow-100 { text-shadow: 1px 1px 2px #fef9c3; }
|
||||
.text-shadow-yellow-200 { text-shadow: 1px 1px 2px #fef08a; }
|
||||
.text-shadow-yellow-300 { text-shadow: 1px 1px 2px #fde047; }
|
||||
.text-shadow-yellow-400 { text-shadow: 1px 1px 2px #facc15; }
|
||||
.text-shadow-yellow-500 { text-shadow: 1px 1px 2px #eab308; }
|
||||
.text-shadow-yellow-600 { text-shadow: 1px 1px 2px #ca8a04; }
|
||||
.text-shadow-yellow-700 { text-shadow: 1px 1px 2px #a16207; }
|
||||
.text-shadow-yellow-800 { text-shadow: 1px 1px 2px #854d0e; }
|
||||
.text-shadow-yellow-900 { text-shadow: 1px 1px 2px #713f12; }
|
||||
|
||||
.text-shadow-lime-50 { text-shadow: 1px 1px 2px #f7fee7; }
|
||||
.text-shadow-lime-100 { text-shadow: 1px 1px 2px #ecfccb; }
|
||||
.text-shadow-lime-200 { text-shadow: 1px 1px 2px #d9f99d; }
|
||||
.text-shadow-lime-300 { text-shadow: 1px 1px 2px #bef264; }
|
||||
.text-shadow-lime-400 { text-shadow: 1px 1px 2px #a3e635; }
|
||||
.text-shadow-lime-500 { text-shadow: 1px 1px 2px #84cc16; }
|
||||
.text-shadow-lime-600 { text-shadow: 1px 1px 2px #65a30d; }
|
||||
.text-shadow-lime-700 { text-shadow: 1px 1px 2px #4d7c0f; }
|
||||
.text-shadow-lime-800 { text-shadow: 1px 1px 2px #3f6212; }
|
||||
.text-shadow-lime-900 { text-shadow: 1px 1px 2px #365314; }
|
||||
|
||||
.text-shadow-green-50 { text-shadow: 1px 1px 2px #f0fdf4; }
|
||||
.text-shadow-green-100 { text-shadow: 1px 1px 2px #dcfce7; }
|
||||
.text-shadow-green-200 { text-shadow: 1px 1px 2px #bbf7d0; }
|
||||
.text-shadow-green-300 { text-shadow: 1px 1px 2px #86efac; }
|
||||
.text-shadow-green-400 { text-shadow: 1px 1px 2px #4ade80; }
|
||||
.text-shadow-green-500 { text-shadow: 1px 1px 2px #22c55e; }
|
||||
.text-shadow-green-600 { text-shadow: 1px 1px 2px #16a34a; }
|
||||
.text-shadow-green-700 { text-shadow: 1px 1px 2px #15803d; }
|
||||
.text-shadow-green-800 { text-shadow: 1px 1px 2px #166534; }
|
||||
.text-shadow-green-900 { text-shadow: 1px 1px 2px #14532d; }
|
||||
|
||||
.text-shadow-emerald-50 { text-shadow: 1px 1px 2px #ecfdf5; }
|
||||
.text-shadow-emerald-100 { text-shadow: 1px 1px 2px #d1fae5; }
|
||||
.text-shadow-emerald-200 { text-shadow: 1px 1px 2px #a7f3d0; }
|
||||
.text-shadow-emerald-300 { text-shadow: 1px 1px 2px #6ee7b7; }
|
||||
.text-shadow-emerald-400 { text-shadow: 1px 1px 2px #34d399; }
|
||||
.text-shadow-emerald-500 { text-shadow: 1px 1px 2px #10b981; }
|
||||
.text-shadow-emerald-600 { text-shadow: 1px 1px 2px #059669; }
|
||||
.text-shadow-emerald-700 { text-shadow: 1px 1px 2px #047857; }
|
||||
.text-shadow-emerald-800 { text-shadow: 1px 1px 2px #065f46; }
|
||||
.text-shadow-emerald-900 { text-shadow: 1px 1px 2px #064e3b; }
|
||||
|
||||
.text-shadow-teal-50 { text-shadow: 1px 1px 2px #f0fdfa; }
|
||||
.text-shadow-teal-100 { text-shadow: 1px 1px 2px #ccfbf1; }
|
||||
.text-shadow-teal-200 { text-shadow: 1px 1px 2px #99f6e4; }
|
||||
.text-shadow-teal-300 { text-shadow: 1px 1px 2px #5eead4; }
|
||||
.text-shadow-teal-400 { text-shadow: 1px 1px 2px #2dd4bf; }
|
||||
.text-shadow-teal-500 { text-shadow: 1px 1px 2px #14b8a6; }
|
||||
.text-shadow-teal-600 { text-shadow: 1px 1px 2px #0d9488; }
|
||||
.text-shadow-teal-700 { text-shadow: 1px 1px 2px #0f766e; }
|
||||
.text-shadow-teal-800 { text-shadow: 1px 1px 2px #115e59; }
|
||||
.text-shadow-teal-900 { text-shadow: 1px 1px 2px #134e4a; }
|
||||
|
||||
.text-shadow-cyan-50 { text-shadow: 1px 1px 2px #ecfeff; }
|
||||
.text-shadow-cyan-100 { text-shadow: 1px 1px 2px #cffafe; }
|
||||
.text-shadow-cyan-200 { text-shadow: 1px 1px 2px #a5f3fc; }
|
||||
.text-shadow-cyan-300 { text-shadow: 1px 1px 2px #67e8f9; }
|
||||
.text-shadow-cyan-400 { text-shadow: 1px 1px 2px #22d3ee; }
|
||||
.text-shadow-cyan-500 { text-shadow: 1px 1px 2px #06b6d4; }
|
||||
.text-shadow-cyan-600 { text-shadow: 1px 1px 2px #0891b2; }
|
||||
.text-shadow-cyan-700 { text-shadow: 1px 1px 2px #0e7490; }
|
||||
.text-shadow-cyan-800 { text-shadow: 1px 1px 2px #155e75; }
|
||||
.text-shadow-cyan-900 { text-shadow: 1px 1px 2px #164e63; }
|
||||
|
||||
.text-shadow-sky-50 { text-shadow: 1px 1px 2px #f0f9ff; }
|
||||
.text-shadow-sky-100 { text-shadow: 1px 1px 2px #e0f2fe; }
|
||||
.text-shadow-sky-200 { text-shadow: 1px 1px 2px #bae6fd; }
|
||||
.text-shadow-sky-300 { text-shadow: 1px 1px 2px #7dd3fc; }
|
||||
.text-shadow-sky-400 { text-shadow: 1px 1px 2px #38bdf8; }
|
||||
.text-shadow-sky-500 { text-shadow: 1px 1px 2px #0ea5e9; }
|
||||
.text-shadow-sky-600 { text-shadow: 1px 1px 2px #0284c7; }
|
||||
.text-shadow-sky-700 { text-shadow: 1px 1px 2px #0369a1; }
|
||||
.text-shadow-sky-800 { text-shadow: 1px 1px 2px #075985; }
|
||||
.text-shadow-sky-900 { text-shadow: 1px 1px 2px #0c4a6e; }
|
||||
|
||||
.text-shadow-blue-50 { text-shadow: 1px 1px 2px #eff6ff; }
|
||||
.text-shadow-blue-100 { text-shadow: 1px 1px 2px #dbeafe; }
|
||||
.text-shadow-blue-200 { text-shadow: 1px 1px 2px #bfdbfe; }
|
||||
.text-shadow-blue-300 { text-shadow: 1px 1px 2px #93c5fd; }
|
||||
.text-shadow-blue-400 { text-shadow: 1px 1px 2px #60a5fa; }
|
||||
.text-shadow-blue-500 { text-shadow: 1px 1px 2px #3b82f6; }
|
||||
.text-shadow-blue-600 { text-shadow: 1px 1px 2px #2563eb; }
|
||||
.text-shadow-blue-700 { text-shadow: 1px 1px 2px #1d4ed8; }
|
||||
.text-shadow-blue-800 { text-shadow: 1px 1px 2px #1e40af; }
|
||||
.text-shadow-blue-900 { text-shadow: 1px 1px 2px #1e3a8a; }
|
||||
|
||||
.text-shadow-indigo-50 { text-shadow: 1px 1px 2px #eef2ff; }
|
||||
.text-shadow-indigo-100 { text-shadow: 1px 1px 2px #e0e7ff; }
|
||||
.text-shadow-indigo-200 { text-shadow: 1px 1px 2px #c7d2fe; }
|
||||
.text-shadow-indigo-300 { text-shadow: 1px 1px 2px #a5b4fc; }
|
||||
.text-shadow-indigo-400 { text-shadow: 1px 1px 2px #818cf8; }
|
||||
.text-shadow-indigo-500 { text-shadow: 1px 1px 2px #6366f1; }
|
||||
.text-shadow-indigo-600 { text-shadow: 1px 1px 2px #4f46e5; }
|
||||
.text-shadow-indigo-700 { text-shadow: 1px 1px 2px #4338ca; }
|
||||
.text-shadow-indigo-800 { text-shadow: 1px 1px 2px #3730a3; }
|
||||
.text-shadow-indigo-900 { text-shadow: 1px 1px 2px #312e81; }
|
||||
|
||||
.text-shadow-violet-50 { text-shadow: 1px 1px 2px #f5f3ff; }
|
||||
.text-shadow-violet-100 { text-shadow: 1px 1px 2px #ede9fe; }
|
||||
.text-shadow-violet-200 { text-shadow: 1px 1px 2px #ddd6fe; }
|
||||
.text-shadow-violet-300 { text-shadow: 1px 1px 2px #c4b5fd; }
|
||||
.text-shadow-violet-400 { text-shadow: 1px 1px 2px #a78bfa; }
|
||||
.text-shadow-violet-500 { text-shadow: 1px 1px 2px #8b5cf6; }
|
||||
.text-shadow-violet-600 { text-shadow: 1px 1px 2px #7c3aed; }
|
||||
.text-shadow-violet-700 { text-shadow: 1px 1px 2px #6d28d9; }
|
||||
.text-shadow-violet-800 { text-shadow: 1px 1px 2px #5b21b6; }
|
||||
.text-shadow-violet-900 { text-shadow: 1px 1px 2px #4c1d95; }
|
||||
|
||||
.text-shadow-purple-50 { text-shadow: 1px 1px 2px #faf5ff; }
|
||||
.text-shadow-purple-100 { text-shadow: 1px 1px 2px #f3e8ff; }
|
||||
.text-shadow-purple-200 { text-shadow: 1px 1px 2px #e9d5ff; }
|
||||
.text-shadow-purple-300 { text-shadow: 1px 1px 2px #d8b4fe; }
|
||||
.text-shadow-purple-400 { text-shadow: 1px 1px 2px #c084fc; }
|
||||
.text-shadow-purple-500 { text-shadow: 1px 1px 2px #a855f7; }
|
||||
.text-shadow-purple-600 { text-shadow: 1px 1px 2px #9333ea; }
|
||||
.text-shadow-purple-700 { text-shadow: 1px 1px 2px #7e22ce; }
|
||||
.text-shadow-purple-800 { text-shadow: 1px 1px 2px #6b21a8; }
|
||||
.text-shadow-purple-900 { text-shadow: 1px 1px 2px #581c87; }
|
||||
|
||||
.text-shadow-fuchsia-50 { text-shadow: 1px 1px 2px #fdf4ff; }
|
||||
.text-shadow-fuchsia-100 { text-shadow: 1px 1px 2px #fae8ff; }
|
||||
.text-shadow-fuchsia-200 { text-shadow: 1px 1px 2px #f5d0fe; }
|
||||
.text-shadow-fuchsia-300 { text-shadow: 1px 1px 2px #f0abfc; }
|
||||
.text-shadow-fuchsia-400 { text-shadow: 1px 1px 2px #e879f9; }
|
||||
.text-shadow-fuchsia-500 { text-shadow: 1px 1px 2px #d946ef; }
|
||||
.text-shadow-fuchsia-600 { text-shadow: 1px 1px 2px #c026d3; }
|
||||
.text-shadow-fuchsia-700 { text-shadow: 1px 1px 2px #a21caf; }
|
||||
.text-shadow-fuchsia-800 { text-shadow: 1px 1px 2px #86198f; }
|
||||
.text-shadow-fuchsia-900 { text-shadow: 1px 1px 2px #701a75; }
|
||||
|
||||
.text-shadow-pink-50 { text-shadow: 1px 1px 2px #fdf2f8; }
|
||||
.text-shadow-pink-100 { text-shadow: 1px 1px 2px #fce7f3; }
|
||||
.text-shadow-pink-200 { text-shadow: 1px 1px 2px #fbcfe8; }
|
||||
.text-shadow-pink-300 { text-shadow: 1px 1px 2px #f9a8d4; }
|
||||
.text-shadow-pink-400 { text-shadow: 1px 1px 2px #f472b6; }
|
||||
.text-shadow-pink-500 { text-shadow: 1px 1px 2px #ec4899; }
|
||||
.text-shadow-pink-600 { text-shadow: 1px 1px 2px #db2777; }
|
||||
.text-shadow-pink-700 { text-shadow: 1px 1px 2px #be185d; }
|
||||
.text-shadow-pink-800 { text-shadow: 1px 1px 2px #9d174d; }
|
||||
.text-shadow-pink-900 { text-shadow: 1px 1px 2px #831843; }
|
||||
|
||||
.text-shadow-rose-50 { text-shadow: 1px 1px 2px #fff1f2; }
|
||||
.text-shadow-rose-100 { text-shadow: 1px 1px 2px #ffe4e6; }
|
||||
.text-shadow-rose-200 { text-shadow: 1px 1px 2px #fecdd3; }
|
||||
.text-shadow-rose-300 { text-shadow: 1px 1px 2px #fda4af; }
|
||||
.text-shadow-rose-400 { text-shadow: 1px 1px 2px #fb7185; }
|
||||
.text-shadow-rose-500 { text-shadow: 1px 1px 2px #f43f5e; }
|
||||
.text-shadow-rose-600 { text-shadow: 1px 1px 2px #e11d48; }
|
||||
.text-shadow-rose-700 { text-shadow: 1px 1px 2px #be123c; }
|
||||
.text-shadow-rose-800 { text-shadow: 1px 1px 2px #9f1239; }
|
||||
.text-shadow-rose-900 { text-shadow: 1px 1px 2px #881337; }
|
||||
Reference in New Issue
Block a user