Bearblog.dev Styles

styles.css

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;
}