85 lines
1.9 KiB
CSS
85 lines
1.9 KiB
CSS
|
@import "tailwindcss";
|
||
|
|
|
||
|
|
@theme inline {
|
||
|
|
--font-cormorantGaramond: "Cormorant_Garamond", "sans-serif";
|
||
|
|
--font-poppins: "Poppins", "sans-serif";
|
||
|
|
|
||
|
|
/* Nord: Polar Night */
|
||
|
|
--color-nord-0: #2e3440;
|
||
|
|
--color-nord-1: #3b4252;
|
||
|
|
--color-nord-2: #4D535F;
|
||
|
|
--color-nord-3: #434c5e;
|
||
|
|
|
||
|
|
/* Nord: Snow Storm */
|
||
|
|
--color-nord-4: #d8dee9;
|
||
|
|
--color-nord-5: #e5e9f0;
|
||
|
|
--color-nord-6: #eceff4;
|
||
|
|
|
||
|
|
/* Nord: Frost */
|
||
|
|
--color-nord-7: #8fbcbb;
|
||
|
|
--color-nord-8: #88c0d0;
|
||
|
|
--color-nord-9: #81a1c1;
|
||
|
|
--color-nord-10: #5e81ac;
|
||
|
|
|
||
|
|
/* Nord: Aurora */
|
||
|
|
--color-nord-11: #bf616a;
|
||
|
|
--color-nord-12: #d08770;
|
||
|
|
--color-nord-13: #ebcb8b;
|
||
|
|
--color-nord-14: #a3be8c;
|
||
|
|
--color-nord-15: #b48ead;
|
||
|
|
|
||
|
|
/* Optional semantic aliases */
|
||
|
|
--color-polar-night-dark: #2e3440;
|
||
|
|
--color-polar-night: #3b4252;
|
||
|
|
--color-polar-night-light: #434c5e;
|
||
|
|
--color-polar-night-lighter: #4c566a;
|
||
|
|
|
||
|
|
--color-snow-storm-dark: #d8dee9;
|
||
|
|
--color-snow-storm: #e5e9f0;
|
||
|
|
--color-snow-storm-light: #eceff4;
|
||
|
|
|
||
|
|
--color-frost-green: #8fbcbb;
|
||
|
|
--color-frost-cyan: #88c0d0;
|
||
|
|
--color-frost-blue: #81a1c1;
|
||
|
|
--color-frost-deep-blue: #5e81ac;
|
||
|
|
|
||
|
|
--color-aurora-red: #bf616a;
|
||
|
|
--color-aurora-orange: #d08770;
|
||
|
|
--color-aurora-yellow: #ebcb8b;
|
||
|
|
--color-aurora-green: #a3be8c;
|
||
|
|
--color-aurora-purple: #b48ead;
|
||
|
|
}
|
||
|
|
|
||
|
|
.article {
|
||
|
|
@apply flex flex-col gap-3 font-poppins text-lg tracking-wide mb-20
|
||
|
|
}
|
||
|
|
|
||
|
|
.article > h1 {
|
||
|
|
@apply text-4xl font-cormorantGaramond text-center tracking-tight;
|
||
|
|
}
|
||
|
|
|
||
|
|
.article > h2 {
|
||
|
|
@apply text-3xl font-cormorantGaramond text-center tracking-tight;
|
||
|
|
}
|
||
|
|
|
||
|
|
.article > ol {
|
||
|
|
@apply list-decimal flex flex-col mx-10 gap-2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.article > ul {
|
||
|
|
@apply list-disc flex flex-col mx-10 gap-2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.article > pre {
|
||
|
|
@apply bg-neutral-950 text-neutral-50 p-5 overflow-scroll;
|
||
|
|
}
|
||
|
|
|
||
|
|
.article > blockquote {
|
||
|
|
@apply pl-5 italic border-l-2 border-neutral-600;
|
||
|
|
}
|
||
|
|
|
||
|
|
.article > p > img {
|
||
|
|
@apply w-1/2 mx-auto;
|
||
|
|
}
|
||
|
|
|