Mirror for https://github.com/STBoyden/go-portfolio
stboyden.com
1@import "tailwindcss";
2@plugin "daisyui" {
3 themes:
4 light --default,
5 dark --prefersdark;
6}
7
8@theme {
9 --default-font-family: "Monaspace Krypton";
10 --default-mono-font-family: "Monaspace Neon";
11}
12
13:root {
14 --font-header: "Monaspace Xenon Bold";
15}
16
17.font-header {
18 font-family: var(--font-header);
19}
20
21@font-face {
22 font-family: "Monaspace Krypton";
23 font-style: normal;
24 font-display: swap;
25 src: url("/static/fonts/MonaspaceKrypton-Regular.woff2") format("woff2");
26}
27
28@font-face {
29 font-family: "Monaspace Argon";
30 font-style: normal;
31 font-display: swap;
32 src: url("/static/fonts/MonaspaceArgon-Regular.woff2") format("woff2");
33}
34
35@font-face {
36 font-family: "Monaspace Neon";
37 font-style: normal;
38 font-display: swap;
39 src: url("/static/fonts/MonaspaceNeon-Regular.woff2") format("woff2");
40}
41
42@font-face {
43 font-family: "Monaspace Xenon Bold";
44 font-style: bold;
45 src: url("/static/fonts/MonaspaceXenon-Bold.woff2") format("woff2");
46}
47
48#preview h1,
49#preview h2,
50#preview h3 {
51 @apply font-bold;
52 @apply mt-8;
53 @apply mb-4;
54 font-family: var(--font-header);
55}
56
57#preview h1 {
58 @apply text-2xl;
59}
60
61#preview h2 {
62 @apply text-xl;
63}
64
65#preview h3 {
66 @apply text-lg;
67}
68
69#preview p {
70 @apply mt-2;
71 @apply mb-2;
72 @apply lg:text-justify;
73}
74
75#preview h1 + p,
76h2 + p,
77h3 + p {
78 margin-top: 0 !important;
79}
80
81#preview a {
82 @apply hover:underline;
83 @apply hover:italic;
84 @apply text-accent;
85}
86
87#preview pre {
88 @apply rounded-lg;
89 @apply p-2;
90 @apply my-1;
91 @apply overflow-x-auto;
92}
93
94#preview pre code {
95 @apply rounded-lg;
96}
97
98#preview ol {
99 counter-reset: section;
100 list-style-type: none;
101 @apply pl-2;
102}
103#preview ol li:before {
104 counter-increment: section;
105 font-weight: 700;
106 content: counters(section, ".") ". ";
107}
108#preview ul {
109 counter-reset: section;
110 list-style-type: lower-alpha;
111}
112#preview ul li:before {
113 counter-increment: section;
114 content: "";
115}
116
117@import "./vendor/github.min.css" screen;
118@import "./vendor/github-dark.min.css" screen and (prefers-color-scheme: dark);