aboutsummaryrefslogtreecommitdiff
path: root/tailwind_in.css
diff options
context:
space:
mode:
Diffstat (limited to 'tailwind_in.css')
-rw-r--r--tailwind_in.css88
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;
+ }
}