adding christmas letter

This commit is contained in:
Chris Cochrun 2024-01-03 10:35:07 -06:00
parent 0350d8586d
commit bb832e6862
3 changed files with 242 additions and 134 deletions

View file

@ -1611,18 +1611,6 @@ select {
right: 0px;
}
.top-\[100vh\] {
top: 100vh;
}
.bottom-0 {
bottom: 0px;
}
.top-\[calc\(100vh-5\.5rem\)\] {
top: calc(100vh - 5.5rem);
}
.bottom-4 {
bottom: 1rem;
}
@ -1631,6 +1619,10 @@ select {
right: 2rem;
}
.bottom-0 {
bottom: 0px;
}
.top-0 {
top: 0px;
}
@ -1639,6 +1631,10 @@ select {
top: 110vh;
}
.top-\[calc\(100vh-5\.5rem\)\] {
top: calc(100vh - 5.5rem);
}
.top-20 {
top: 5rem;
}
@ -1679,10 +1675,6 @@ select {
float: left;
}
.m-auto {
margin: auto;
}
.m-2 {
margin: 0.5rem;
}
@ -1695,6 +1687,10 @@ select {
margin: 0px;
}
.m-auto {
margin: auto;
}
.m-1 {
margin: 0.25rem;
}
@ -1975,22 +1971,22 @@ select {
aspect-ratio: 16 / 9;
}
.h-screen {
height: 100vh;
.h-96 {
height: 24rem;
}
.h-12 {
height: 3rem;
}
.h-96 {
height: 24rem;
}
.h-48 {
height: 12rem;
}
.h-screen {
height: 100vh;
}
.h-64 {
height: 16rem;
}
@ -2063,10 +2059,6 @@ select {
min-height: 148px;
}
.w-12 {
width: 3rem;
}
.w-full {
width: 100%;
}
@ -2083,6 +2075,10 @@ select {
width: 100vw;
}
.w-12 {
width: 3rem;
}
.w-8 {
width: 2rem;
}
@ -2131,14 +2127,14 @@ select {
max-width: 100%;
}
.max-w-7xl {
max-width: 80rem;
}
.max-w-prose {
max-width: 65ch;
}
.max-w-7xl {
max-width: 80rem;
}
.max-w-xl {
max-width: 36rem;
}
@ -2347,10 +2343,6 @@ select {
white-space: nowrap !important;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-xl {
border-radius: 0.75rem;
}
@ -2367,6 +2359,10 @@ select {
border-radius: 0.375rem;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-2xl {
border-radius: 1rem;
}
@ -2441,20 +2437,6 @@ select {
border-color: rgba(var(--color-primary-500), var(--tw-border-opacity));
}
.bg-neutral {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral), var(--tw-bg-opacity));
}
.bg-primary-200 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-200), var(--tw-bg-opacity));
}
.bg-neutral\/50 {
background-color: rgba(var(--color-neutral), 0.5);
}
.bg-neutral-500 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-500), var(--tw-bg-opacity));
@ -2475,6 +2457,20 @@ select {
background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
}
.bg-neutral {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral), var(--tw-bg-opacity));
}
.bg-primary-200 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-200), var(--tw-bg-opacity));
}
.bg-neutral\/50 {
background-color: rgba(var(--color-neutral), 0.5);
}
.bg-neutral-500\/50 {
background-color: rgba(var(--color-neutral-500), 0.5);
}
@ -2617,21 +2613,6 @@ select {
padding: 1.5rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
@ -2642,6 +2623,11 @@ select {
padding-bottom: 2rem;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
@ -2667,6 +2653,16 @@ select {
padding-right: 0.25rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-\[30px\] {
padding-left: 30px;
padding-right: 30px;
@ -2795,14 +2791,9 @@ select {
line-height: 2.5rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.text-xl {
@ -2810,16 +2801,21 @@ select {
line-height: 1.75rem;
}
.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
@ -2833,14 +2829,14 @@ select {
font-weight: 800;
}
.font-bold {
font-weight: 700;
}
.font-semibold {
font-weight: 600;
}
.font-bold {
font-weight: 700;
}
.font-normal {
font-weight: 400;
}
@ -2878,16 +2874,6 @@ select {
color: rgba(var(--color-neutral-900), var(--tw-text-opacity));
}
.text-primary-600 {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-600), var(--tw-text-opacity));
}
.text-neutral-700 {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
}
.text-neutral-500 {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
@ -2938,6 +2924,16 @@ select {
color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
}
.text-primary-600 {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-600), var(--tw-text-opacity));
}
.text-neutral-700 {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-700), var(--tw-text-opacity));
}
.text-primary-700 {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-700), var(--tw-text-opacity));
@ -4731,11 +4727,6 @@ pre {
background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity));
}
.hover\:text-primary-600:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-600), var(--tw-text-opacity));
}
.hover\:text-primary-400:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
@ -4756,6 +4747,11 @@ pre {
color: rgba(var(--color-neutral), var(--tw-text-opacity));
}
.hover\:text-primary-600:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-600), var(--tw-text-opacity));
}
.hover\:underline:hover {
text-decoration-line: underline;
}
@ -4946,10 +4942,6 @@ pre {
border-left-width: 1px;
}
[dir="ltr"] .ltr\:pr-2 {
padding-right: 0.5rem;
}
[dir="ltr"] .ltr\:pl-5 {
padding-left: 1.25rem;
}
@ -4958,6 +4950,10 @@ pre {
padding-right: 0.75rem;
}
[dir="ltr"] .ltr\:pr-2 {
padding-right: 0.5rem;
}
[dir="ltr"] .ltr\:text-right {
text-align: right;
}
@ -5002,10 +4998,6 @@ pre {
border-right-width: 1px;
}
[dir="rtl"] .rtl\:pl-2 {
padding-left: 0.5rem;
}
[dir="rtl"] .rtl\:pr-5 {
padding-right: 1.25rem;
}
@ -5014,6 +5006,10 @@ pre {
padding-left: 0.75rem;
}
[dir="rtl"] .rtl\:pl-2 {
padding-left: 0.5rem;
}
[dir="rtl"] .rtl\:text-left {
text-align: left;
}
@ -5052,20 +5048,6 @@ pre {
border-color: rgba(var(--color-primary-300), var(--tw-border-opacity));
}
.dark .dark\:bg-neutral-800 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity));
}
.dark .dark\:bg-neutral-600 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity));
}
.dark .dark\:bg-neutral-800\/50 {
background-color: rgba(var(--color-neutral-800), 0.5);
}
.dark .dark\:bg-\[\#ef4444\] {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
@ -5076,11 +5058,25 @@ pre {
background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity));
}
.dark .dark\:bg-neutral-800 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity));
}
.dark .dark\:bg-neutral-600 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-neutral-600), var(--tw-bg-opacity));
}
.dark .dark\:bg-primary-400 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity));
}
.dark .dark\:bg-neutral-800\/50 {
background-color: rgba(var(--color-neutral-800), 0.5);
}
.dark .dark\:bg-neutral-900\/50 {
background-color: rgba(var(--color-neutral-900), 0.5);
}
@ -5182,11 +5178,6 @@ pre {
color: rgba(var(--color-neutral), var(--tw-text-opacity));
}
.dark .dark\:text-primary-400 {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
}
.dark .dark\:text-neutral-400 {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-400), var(--tw-text-opacity));
@ -5207,6 +5198,11 @@ pre {
color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
}
.dark .dark\:text-primary-400 {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
}
.dark .dark\:text-neutral-800 {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-800), var(--tw-text-opacity));
@ -5318,11 +5314,6 @@ pre {
padding: 1.5rem;
}
.sm\:px-14 {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.sm\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
@ -5333,6 +5324,11 @@ pre {
padding-bottom: 6rem;
}
.sm\:px-14 {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.sm\:pl-6 {
padding-left: 1.5rem;
}
@ -5549,11 +5545,6 @@ pre {
padding: 12vh;
}
.lg\:px-32 {
padding-left: 8rem;
padding-right: 8rem;
}
.lg\:py-32 {
padding-top: 8rem;
padding-bottom: 8rem;
@ -5574,6 +5565,11 @@ pre {
padding-right: 0px;
}
.lg\:px-32 {
padding-left: 8rem;
padding-right: 8rem;
}
[dir="ltr"] .ltr\:lg\:pl-8 {
padding-left: 2rem;
}