making the site much closer to the original

This commit is contained in:
Chris Cochrun 2025-06-23 15:13:00 -05:00
parent 23156940c0
commit 845817d0e9
10 changed files with 107 additions and 51 deletions

View file

@ -27,6 +27,17 @@
li::marker {
color: var(--color-gray-600);
}
blockquote {
list-style-type: disc;
border-left-width: .25rem;
border-left-color: var(--color-blue-600);
font-style: italic;
font-weight: 500;
padding-left: 1em;
margin-top: 1.6em;
margin-bottom: 1.6em;
}
img {
@apply py-0;

View file

@ -7,6 +7,7 @@
'Noto Color Emoji';
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
monospace;
--color-blue-200: oklch(88.2% 0.059 254.128);
--color-blue-400: oklch(70.7% 0.165 254.624);
--color-blue-500: oklch(62.3% 0.214 259.815);
--color-blue-600: oklch(54.6% 0.245 262.881);
@ -351,9 +352,6 @@
.mt-16 {
margin-top: calc(var(--spacing) * 16);
}
.mt-20 {
margin-top: calc(var(--spacing) * 20);
}
.mt-40 {
margin-top: calc(var(--spacing) * 40);
}
@ -390,6 +388,9 @@
.ml-4 {
margin-left: calc(var(--spacing) * 4);
}
.ml-\[-0\.2em\] {
margin-left: -0.2em;
}
.ml-auto {
margin-left: auto;
}
@ -457,9 +458,6 @@
.h-24 {
height: calc(var(--spacing) * 24);
}
.h-36 {
height: calc(var(--spacing) * 36);
}
.h-40 {
height: calc(var(--spacing) * 40);
}
@ -767,9 +765,6 @@
.bg-indigo-500 {
background-color: var(--color-indigo-500);
}
.bg-transparent {
background-color: transparent;
}
.bg-white {
background-color: var(--color-white);
}
@ -947,9 +942,6 @@
.text-gray-900 {
color: var(--color-gray-900);
}
.text-indigo-500 {
color: var(--color-indigo-500);
}
.text-white {
color: var(--color-white);
}
@ -1020,9 +1012,6 @@
--tw-blur: blur(8px);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.filter {
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.transition {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@ -1198,13 +1187,6 @@
}
}
}
.hover\:bg-gray-100 {
&:hover {
@media (hover: hover) {
background-color: var(--color-gray-100);
}
}
}
.hover\:bg-gray-200 {
&:hover {
@media (hover: hover) {
@ -1240,6 +1222,14 @@
}
}
}
.hover\:text-3xl {
&:hover {
@media (hover: hover) {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
}
.hover\:text-blue-500 {
&:hover {
@media (hover: hover) {
@ -1261,13 +1251,6 @@
}
}
}
.hover\:text-indigo-400 {
&:hover {
@media (hover: hover) {
color: var(--color-indigo-400);
}
}
}
.hover\:text-white {
&:hover {
@media (hover: hover) {
@ -1628,6 +1611,11 @@
background-color: var(--color-gray-900);
}
}
.dark\:text-blue-200 {
@media (prefers-color-scheme: dark) {
color: var(--color-blue-200);
}
}
.dark\:text-gray-200 {
@media (prefers-color-scheme: dark) {
color: var(--color-gray-200);
@ -1716,6 +1704,16 @@
li::marker {
color: var(--color-gray-600);
}
blockquote {
list-style-type: disc;
border-left-width: .25rem;
border-left-color: var(--color-blue-600);
font-style: italic;
font-weight: 500;
padding-left: 1em;
margin-top: 1.6em;
margin-bottom: 1.6em;
}
img {
padding-block: calc(var(--spacing) * 0);
border-radius: var(--radius-lg);