68 lines
1.9 KiB
CSS
68 lines
1.9 KiB
CSS
@font-face{
|
|
font-family: 'Source Serif VF';
|
|
font-weight: 200 900;
|
|
font-style: normal;
|
|
font-stretch: normal;
|
|
src: url('/fonts/WOFF2/VAR/SourceSerif4Variable-Roman.ttf.woff2') format('woff2'),
|
|
url('/fonts/WOFF/VAR/SourceSerif4Variable-Roman.ttf.woff') format('woff'),
|
|
url('/fonts/VAR/SourceSerif4Variable-Roman.ttf') format('truetype');
|
|
}
|
|
|
|
@font-face{
|
|
font-family: 'Source Serif VF';
|
|
font-weight: 200 900;
|
|
font-style: italic;
|
|
font-stretch: normal;
|
|
src: url('/fonts/WOFF2/VAR/SourceSerif4Variable-Italic.ttf.woff2') format('woff2'),
|
|
url('/fonts/WOFF/VAR/SourceSerif4Variable-Italic.ttf.woff') format('woff'),
|
|
url('/fonts/VAR/SourceSerif4Variable-Italic.ttf') format('truetype');
|
|
}
|
|
|
|
@font-face{
|
|
font-family: 'Source Code Variable';
|
|
font-weight: 200 900;
|
|
font-style: normal;
|
|
font-stretch: normal;
|
|
src: url('/fonts/WOFF2/VAR/SourceCodeVariable-Roman.ttf.woff2') format('woff2'),
|
|
url('/fonts/WOFF/VAR/SourceCodeVariable-Roman.ttf.woff') format('woff'),
|
|
url('/fonts/VAR/SourceCodeVariable-Roman.ttf') format('truetype');
|
|
}
|
|
|
|
@font-face{
|
|
font-family: 'Source Code Variable';
|
|
font-weight: 200 900;
|
|
font-style: italic;
|
|
font-stretch: normal;
|
|
src: url('/fonts/WOFF2/VAR/SourceCodeVariable-Italic.ttf.woff2') format('woff2'),
|
|
url('/fonts/WOFF/VAR/SourceCodeVariable-Italic.ttf.woff') format('woff'),
|
|
url('/fonts/VAR/SourceCodeVariable-Italic.ttf') format('truetype');
|
|
}
|
|
|
|
:root {
|
|
--serif-font: Source Serif VF;
|
|
--mono-font: Source Code Variable;
|
|
--code: #212121;
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--bg: #fff;
|
|
--accent-bg: #f5f7ff;
|
|
--text: #212121;
|
|
--text-light: #585858;
|
|
--border: #898EA4;
|
|
--accent: #0d47a1;
|
|
--code: #d81b60;
|
|
--preformatted: #444;
|
|
--marked: #ffdd33;
|
|
--disabled: #efefef;
|
|
}
|
|
}
|
|
|
|
html {
|
|
font-family: var(--serif-font);
|
|
}
|
|
|
|
.org-src-container {
|
|
width: 60rem;
|
|
}
|