Skip to content

Instantly share code, notes, and snippets.

@kiasaki
Created May 17, 2022 18:39
Show Gist options
  • Save kiasaki/c5d100a0190f499a65918942d5928c38 to your computer and use it in GitHub Desktop.
Save kiasaki/c5d100a0190f499a65918942d5928c38 to your computer and use it in GitHub Desktop.
Bearblog.dev Styles
body {
margin: auto;
padding: 32px;
max-width: 640px;
text-align: left;
word-wrap: break-word;
overflow-wrap: break-word;
line-height: 1.5;
font-size: 18px;
font-family: monospace;
background-color: #fff;
color: #444;
}
h1, h2, h3, h4, h5, h6, strong, b { color: #222; }
a { color: #F564F3; cursor: pointer; text-decoration: underline; }
.title { text-decoration: none; border: 0; }
.title h1 { font-size: 1.5em; margin: 0 0 16px; }
.title span { font-weight: 400; }
nav a { margin-right: 16px; }
p { margin: 16px 0; }
table { width: 100%; }
hr { border-top: 1px dashed; }
img { max-width: 100%; }
code { font-family: monospace; padding: 4px; background-color: #f2f2f2; color: #222; }
blockquote { border-left: 1px solid #999; color: #222; padding-left: 16px; font-style: italic; }
footer { display: none; }
ul.blog-posts { list-style-type: none; padding: unset; }
ul.blog-posts li { display: flex; }
ul.blog-posts li span { flex: 0 0 160px; }
ul.blog-posts li a:visited { color: #F564F3; }
@media (prefers-color-scheme: dark) {
body { background-color:#01242e; color: #ddd; }
h1, h2, h3, h4, h5, h6, strong, b { color: #eee; }
a { color: #F564F3; }
code { background-color: #777; }
pre code { color: #ddd; }
blockquote { color: #ccc; }
}
.highlight, .code {
padding: 1px 15px;
background-color: #f2f2f2;
color: #222;
border-radius: 3px;
margin-block-start: 1em;
margin-block-end: 1em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment