From 0da26c9a6278f1a66c43a2b32b5ed9b783664d9e Mon Sep 17 00:00:00 2001 From: Weile Date: Mon, 13 May 2024 21:39:55 -0400 Subject: [PATCH] Minor styling improvement. Resized Join page text smaller --- styles/globals.css | 49 +++++++++++++++++++++++----------------------- 1 file changed, 25 insertions(+), 24 deletions(-) diff --git a/styles/globals.css b/styles/globals.css index 349bab4..9e437ee 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -2,11 +2,21 @@ @tailwind components; @tailwind utilities; - - .hero { @apply pt-24; - background: radial-gradient(50% 50% at 50% 50%, #896AE4 0%, rgba(67, 151, 117, 0) 100%), conic-gradient(from 174.92deg at 50% 50%, #3E9644 -56.25deg, #896AE4 27.03deg, #34C5A2 169.15deg, #3E9644 303.75deg, #896AE4 387.03deg); + background: radial-gradient( + 50% 50% at 50% 50%, + #896ae4 0%, + rgba(67, 151, 117, 0) 100% + ), + conic-gradient( + from 174.92deg at 50% 50%, + #3e9644 -56.25deg, + #896ae4 27.03deg, + #34c5a2 169.15deg, + #3e9644 303.75deg, + #896ae4 387.03deg + ); } .glow { @@ -20,7 +30,6 @@ .bullets { @apply grid-cols-3; grid-template-rows: 1fr auto 1fr; - } @media (max-width: 640px) { @@ -30,7 +39,6 @@ } } - .markdown h1 { @apply text-4xl; @apply mb-4; @@ -48,7 +56,7 @@ .markdown h3 { @apply text-2xl; - @apply mb-5; + @apply mb-4; @apply font-normal; @apply font-bold; } @@ -60,7 +68,6 @@ } .markdown p { - @apply text-xl; @apply mb-3; @apply leading-8; } @@ -69,7 +76,7 @@ @apply font-bold; @apply underline; @apply transition; - @apply text-primary-light + @apply text-primary-light; } .markdown ul { @@ -85,10 +92,9 @@ } .markdown hr { - @apply my-6; + @apply my-5; } - .markdown strong { @apply font-bold; } @@ -97,19 +103,19 @@ @apply m-4; @apply bg-grey; @apply bg-grey; - color: #ffffff; + color: #ffffff; @apply rounded-lg; @apply p-5; } .markdown u { - @apply font-normal + @apply font-normal; } .markdown .md-button { @apply rounded-lg; @apply p-5; - @apply lg:text-xl; + @apply lg:text-lg; @apply text-base; @apply hover:-translate-y-1; @apply bg-translucent; @@ -122,14 +128,13 @@ } .markdown .md-button-wrapper { - @apply py-4; - @apply mb-6; + @apply py-6; + @apply mb-2; @apply hover:-translate-y-2; @apply transition; @apply w-fit; } - .markdown .highlight { @apply font-bold; @apply text-primary-light; @@ -139,8 +144,8 @@ --fc-page-bg-color: #333333; --fc-list-event-hover-bg-color: #333333; --fc-border-color: none; - --fc-button-bg-color: #896AE4; - --fc-button-border-color: #896AE4; + --fc-button-bg-color: #896ae4; + --fc-button-border-color: #896ae4; --fc-button-hover-bg-color: #744ee3; --fc-button-hover-border-color: #744ee3; --fc-button-active-bg-color: #744ee3; @@ -152,7 +157,7 @@ border-radius: 0.5rem; } -.fc .fc-list-sticky .fc-list-day>* { +.fc .fc-list-sticky .fc-list-day > * { border-radius: 0.5rem; } @@ -187,7 +192,7 @@ /* Hover effect */ .scroll-up-button:hover { - background-color: #896AE4; /* Button background color on hover */ + background-color: #896ae4; /* Button background color on hover */ transform: scale(1.01); /* Scale up on hover */ @apply hover:-translate-y-2; } @@ -211,7 +216,3 @@ html { transform: translateY(-100%); } } - - - -