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