Change font set

This commit is contained in:
Kentaro Sugimoto 2022-09-30 19:05:00 +09:00
parent 0cc423545a
commit ea72e8994a
No known key found for this signature in database
GPG key ID: 9B8CCAD4F4B007B4

View file

@ -10,10 +10,19 @@ html {
box-sizing: inherit;
}
header {
font-family: Hack, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono, monospace;
}
footer {
font-family: Hack, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono, monospace;
}
body {
margin: 0;
padding: 0;
font-family: Hack, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono, monospace;
font-family: sans-serif, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono,
monospace;
font-size: 1rem;
line-height: 1.54;
background-color: var(--background);
@ -28,7 +37,13 @@ body {
}
}
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: serif, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono, monospace;
display: flex;
align-items: center;
font-weight: bold;
@ -47,11 +62,12 @@ h3 {
font-size: 1.2rem;
}
h4, h5, h6 {
h4,
h5,
h6 {
font-size: 1.15rem;
}
a {
color: inherit;
}
@ -129,16 +145,16 @@ code {
background: var(--accent-alpha-20);
padding: 1px 6px;
margin: 0 2px;
font-size: .95rem;
font-size: 0.95rem;
}
pre {
font-family: Hack, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono, monospace;
padding: 20px;
font-size: .95rem;
font-size: 0.95rem;
overflow: auto;
border-top: 1px solid rgba(255, 255, 255, .1);
border-bottom: 1px solid rgba(255, 255, 255, .1);
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
@media (max-width: $phone-max-width) {
white-space: pre-wrap;
@ -163,7 +179,7 @@ blockquote {
}
&:before {
content: '';
content: "";
font-family: Georgia, serif;
font-size: 3.875rem;
position: absolute;
@ -184,7 +200,7 @@ blockquote {
}
p:before {
content: '>';
content: ">";
display: block;
position: absolute;
left: -25px;
@ -199,7 +215,9 @@ table {
margin: 40px 0;
}
table, th, td {
table,
th,
td {
border: 1px dashed var(--accent);
padding: 10px;
}
@ -208,7 +226,8 @@ th {
color: var(--accent);
}
ul, ol {
ul,
ol {
margin-left: 30px;
padding: 0;