moving typography stuff to it's own directory
This commit is contained in:
137
src/resources/css/typography/fontfaces.css
Normal file
137
src/resources/css/typography/fontfaces.css
Normal file
@@ -0,0 +1,137 @@
|
||||
/** +--------------------------------+ **/
|
||||
/** | Sans fonts | **/
|
||||
/** +--------------------------------+ **/
|
||||
|
||||
@font-face {
|
||||
font-family: "OpenSans";
|
||||
src: url('/fonts/OpenSans/OpenSans-Regular.woff2') format("woff2");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "OpenSans";
|
||||
src: url('/fonts/OpenSans/OpenSans-Italic.woff2') format("woff2");
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "OpenSans";
|
||||
src: url('/fonts/OpenSans/OpenSans-SemiBold.woff2') format("woff2");
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "OpenSans";
|
||||
src: url('/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2') format("woff2");
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "OpenSans";
|
||||
src: url('/fonts/OpenSans/OpenSans-Bold.woff2') format("woff2");
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "OpenSans";
|
||||
src: url('/fonts/OpenSans/OpenSans-BoldItalic.woff2') format("woff2");
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/** +--------------------------------+ **/
|
||||
/** | Serif fonts | **/
|
||||
/** +--------------------------------+ **/
|
||||
|
||||
@font-face {
|
||||
font-family: "Nunito";
|
||||
src: url('/fonts/Nunito/Nunito-Regular.woff2') format("woff2");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Nunito";
|
||||
src: url('/fonts/Nunito/Nunito-Italic.woff2') format("woff2");
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Nunito";
|
||||
src: url('/fonts/Nunito/Nunito-SemiBold.woff2') format("woff2");
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Nunito";
|
||||
src: url('/fonts/Nunito/Nunito-SemiBoldItalic.woff2') format("woff2");
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Nunito";
|
||||
src: url('/fonts/Nunito/Nunito-Bold.woff2') format("woff2");
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Nunito";
|
||||
src: url('/fonts/Nunito/Nunito-BoldItalic.woff2') format("woff2");
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/** +--------------------------------+ **/
|
||||
/** | Monospace fonts | **/
|
||||
/** +--------------------------------+ **/
|
||||
|
||||
@font-face {
|
||||
font-family: "RobotoMono";
|
||||
src: url('/fonts/RobotoMono/RobotoMono-VariableFont_wght.woff2') format("woff2-variations");
|
||||
font-weight: 125 950;
|
||||
font-stretch: 75% 125%;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "RobotoMono";
|
||||
src: url('/fonts/RobotoMono/RobotoMono-Italic-VariableFont_wght.woff2') format("woff2-variations");
|
||||
font-weight: 125 950;
|
||||
font-stretch: 75% 125%;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/** +--------------------------------+ **/
|
||||
/** | Display fonts | **/
|
||||
/** +--------------------------------+ **/
|
||||
|
||||
@font-face {
|
||||
font-family: "PoiretOne";
|
||||
src: url('/fonts/PoiretOne/PoiretOne-Regular.woff2') format("woff2");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
241
src/resources/css/typography/text-shadows.css
Normal file
241
src/resources/css/typography/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