Gemini/public/assets/styles.css

81 lines
1.0 KiB
CSS

@import url('font.css');
:root {
--bg-color: #14171a;
--fg-color: #cad1d8;
--fg2-color: #929ba3;
--font-family: 'Iosevka Fixed SS03 Web';
--font-size: 1.06em;
}
body {
background-color: var(--bg-color);
color: var(--fg-color);
font-family: var(--font-family);
font-size: var(--font-size);
}
h1, h2, h3 {
color: #fff;
font-size: var(--font-size);
}
h2, h3 { margin-top: 2em; }
h2:before {
content: " ";
color: var(--fg2-color);
}
h2:before {
content: "## ";
color: var(--fg2-color);
}
h3:before {
content: "### ";
color: var(--fg2-color);
}
a {
color: #fff;
text-decoration: none;
}
a:before {
content: "=> ";
color: var(--fg2-color);
border-size: 0;
}
article {
max-width: 90ch;
margin: 2em auto;
}
details {
display: none;
}
p {
margin: .5em 0;
}
blockquote {
font-style: italic;
margin: .5em 0;
}
pre {
background-color: #000;
color: #fff;
font-family: var(--font-family);
font-size: .9em;
}
ul {
padding-left: .5em;
list-style-type: none;
margin: .5em 0;
}
li:before {
content: "*";
color: var(--fg2-color);
}