diff options
Diffstat (limited to 'tailwind_in.css')
-rw-r--r-- | tailwind_in.css | 88 |
1 files changed, 44 insertions, 44 deletions
diff --git a/tailwind_in.css b/tailwind_in.css index 9fb4f19..b3e2304 100644 --- a/tailwind_in.css +++ b/tailwind_in.css @@ -2,54 +2,54 @@ @plugin "@tailwindcss/typography"; @layer components { - .project-list-heading { - @apply text-lg group-hover:underline group-hover:text-pink-900 group-hover:bg-pink-100 p-1; - } - - .project-list-description { - @apply pl-3 border-l-3 border-dashed border-pink-300 group-hover:text-pink-900 group-hover:bg-pink-100 group-hover:underline flex items-center; - } - - .button { - @apply hover:underline hover:text-pink-900 hover:bg-pink-100 p-1 border-2 px-4; - } - - .button-inverted { - @apply h-full bg-pink-100 text-pink-900 hover:bg-zinc-900 hover:text-pink-300 hover:underline border-transparent hover:border-pink-300 border-2 selection:bg-zinc-400; - } - - /* auto-rows-[1fr] is to make sure that all cards have the same height across rows */ - .card-container { - @apply px-16 gap-8 justify-center grid grid-cols-3 auto-rows-[1fr]; - } - - .card-anchor { - @apply max-w-128 py-2 px-4 flex flex-col justify-center; - } + .project-list-heading { + @apply text-lg group-hover:underline group-hover:text-pink-900 group-hover:bg-pink-100 p-1; + } + + .project-list-description { + @apply pl-3 border-l-3 border-dashed border-pink-300 group-hover:text-pink-900 group-hover:bg-pink-100 group-hover:underline flex items-center; + } + + .button { + @apply hover:underline hover:text-pink-900 hover:bg-pink-100 p-1 border-2 px-4; + } + + .button-inverted { + @apply h-full bg-pink-100 text-pink-900 hover:bg-zinc-900 hover:text-pink-300 hover:underline border-transparent hover:border-pink-300 border-2 selection:bg-zinc-400; + } + + /* auto-rows-[1fr] is to make sure that all cards have the same height across rows */ + .card-container { + @apply px-16 gap-8 justify-center grid grid-cols-3 auto-rows-[1fr]; + } + + .card-anchor { + @apply max-w-128 py-2 px-4 flex flex-col justify-center; + } } @layer utilities { - .prose { - --tw-prose-body: var(--color-text); - --tw-prose-headings: var(--color-primary); - --tw-prose-links: var(--color-primary); - --tw-prose-bold: var(--color-primary-light); - --tw-prose-hr: var(--color-border); - --tw-prose-code: var(--color-primary); - --tw-prose-quotes: var(--color-primary); - } - - .prose a:hover { - color: var(--color-primary-light); - } + .prose { + --tw-prose-body: var(--color-text); + --tw-prose-headings: var(--color-primary); + --tw-prose-links: var(--color-primary); + --tw-prose-bold: var(--color-primary-light); + --tw-prose-hr: var(--color-border); + --tw-prose-code: var(--color-primary); + --tw-prose-quotes: var(--color-primary); + } + + .prose a:hover { + color: var(--color-primary-light); + } } @layer base { - code, - kbd, - samp, - pre { - font-family: "Jersey 15"; - font-size: 40px; - } + code, + kbd, + samp, + pre { + font-family: "Jersey 15"; + font-size: 40px; + } } |