kacaii.dev
💻 My personal website
blog.kacaii.dev/
blog
gleam
lustre
:lipstick: use maple-mono for the default font
+3
-10
priv/static/blog.css
+3
-10
priv/static/blog.css
···
46
46
}
47
47
48
48
.post-content {
49
-
50
49
code {
51
-
font-size: 1rem;
50
+
font-size: 1.125rem;
51
+
line-height: 1.5;
52
52
font-family: maple-mono;
53
53
background-color: var(--mocha-mantle);
54
54
}
···
87
87
}
88
88
89
89
section[role="doc-endnotes"] {
90
-
91
90
hr {
92
91
margin-bottom: var(--default-padding);
93
92
}
···
96
95
list-style: numbered inside;
97
96
98
97
&::marker {
99
-
color: var(--mocha-surface0)
98
+
color: var(--mocha-surface0);
100
99
}
101
100
102
101
p {
···
107
106
a[role="doc-backlink"] {
108
107
display: none;
109
108
}
110
-
111
109
}
112
110
113
111
blockquote {
···
138
136
border-radius: var(--border-radius);
139
137
}
140
138
141
-
142
139
/* CODE HIGHLIGHTS */
143
140
144
141
pre:has(code) {
···
149
146
}
150
147
151
148
pre code {
152
-
153
149
.hl-comment {
154
150
color: #5f5f87;
155
151
font-style: italic;
···
187
183
}
188
184
}
189
185
190
-
191
186
.hl-operator {
192
187
color: #89dceb;
193
188
···
195
190
filter: brightness(var(--hover-glow));
196
191
}
197
192
}
198
-
199
193
200
194
.hl-string {
201
195
color: #a6e3a1;
···
215
209
}
216
210
217
211
/* END OF CODE HIGHLIGHTS */
218
-
219
212
}
+1
-1
src/blog/root.gleam
+1
-1
src/blog/root.gleam
···
22
22
"grid grid-cols-1 gap-4"
23
23
<> " px-12 my-8 bg-ctp-base"
24
24
<> " text-ctp-text text-lg selection:bg-ctp-surface0"
25
-
<> " [font-family: Inter, sans-serif] scroll-smooth"
25
+
<> " font-[maple-mono] scroll-smooth text-lg leading-normal"
26
26
// Responsive Design
27
27
<> " mx-auto max-w-sm "
28
28
<> " sm:max-w-md md:max-w-lg"