diff options
Diffstat (limited to 'src/app.css')
| -rw-r--r-- | src/app.css | 35 |
1 files changed, 34 insertions, 1 deletions
diff --git a/src/app.css b/src/app.css index 43f5ab3..49c5f3a 100644 --- a/src/app.css +++ b/src/app.css @@ -10,6 +10,10 @@ @import 'tailwindcss'; @theme { + --font-sans: + InterVariable, Inter, "Noto Sans", + ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-bios: 'Ac437 IBM EGA 8x14', 'Hack', 'Courier New', 'Courier', 'monospace'; --font-grub: @@ -19,6 +23,36 @@ 'PxPlus IBM EGA 8x14', 'Hack', 'Courier New', 'Courier', 'monospace'; } +#postmd { + @apply font-sans; + h1 { + @apply font-bios text-5xl mb-1.5 mt-2; + } + h2 { + @apply my-1.5 text-2xl; + } + h3 { + @apply my-1 text-xl; + } + h4 { + @apply my-1 text-lg; + } + h1,h2,h3,h4,h5 { + @apply relative; + &::before { + content: ""; + @apply absolute top-[20%] left-0 h-[60%] w-1 -ml-3 rounded-full transition-all bg-gray-200/0; + } + &:hover::before, + &:has(+p:hover)::before { + @apply -ml-2 bg-gray-200; + } + } + p { + @apply my-1; + } +} + /* The default border color has changed to `currentColor` in Tailwind CSS v4, so we've added these compatibility styles to make sure everything still @@ -28,7 +62,6 @@ color utility to any element that depends on these defaults. */ @layer base { - *, ::after, ::before, |