A personal website powered by Astro and ATProto
tynanpurdy.com
1@import "tailwindcss";
2
3/* Custom styles */
4html {
5 font-family: var(--font-family, Inter, system-ui, sans-serif);
6}
7
8body {
9 font-feature-settings: "rlig" 1, "calt" 1;
10}
11
12/* Prose styles */
13.prose {
14 color: rgb(55 65 81);
15}
16
17.dark .prose {
18 color: rgb(209 213 219);
19}
20
21.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
22 color: rgb(17 24 39);
23 font-weight: 600;
24}
25
26.dark .prose h1, .dark .prose h2, .dark .prose h3, .dark .prose h4, .dark .prose h5, .dark .prose h6 {
27 color: rgb(255 255 255);
28}
29
30.prose a {
31 color: rgb(37 99 235);
32}
33
34.prose a:hover {
35 color: rgb(30 64 175);
36}
37
38.dark .prose a {
39 color: rgb(96 165 250);
40}
41
42.dark .prose a:hover {
43 color: rgb(147 197 253);
44}
45
46.prose blockquote {
47 border-left: 4px solid rgb(209 213 219);
48 padding-left: 1rem;
49 font-style: italic;
50}
51
52.dark .prose blockquote {
53 border-left-color: rgb(75 85 99);
54}
55
56.prose code {
57 background-color: rgb(243 244 246);
58 padding: 0.125rem 0.25rem;
59 border-radius: 0.25rem;
60 font-size: 0.875rem;
61}
62
63.dark .prose code {
64 background-color: rgb(31 41 55);
65}
66
67.prose pre {
68 background-color: rgb(243 244 246);
69 padding: 1rem;
70 border-radius: 0.5rem;
71 overflow-x: auto;
72}
73
74.dark .prose pre {
75 background-color: rgb(31 41 55);
76}