diff options
Diffstat (limited to 'share')
| -rw-r--r-- | share/style.css | 46 | 
1 files changed, 15 insertions, 31 deletions
| diff --git a/share/style.css b/share/style.css index bb8537c..219a2db 100644 --- a/share/style.css +++ b/share/style.css @@ -1,42 +1,30 @@  /* Design based on Bear blog: https://bearblog.dev */ -:root { -    --width: 720px; -    --font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", +body { +    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",                   "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",  "Droid Sans",                   "Helvetica Neue", sans-serif; -    --font-scale: 1em; -    --background-color: #fff; -    --heading-color: #222; -    --text-color: #444; -    --link-color: #3273dc; -    --visited-color:  #8b6fcb; -    --code-background-color: #f2f2f2; -    --code-color: #222; -    --blockquote-color: #222; -} - -body { -    font-family: var(--font-main); -    font-size: var(--font-scale); +    font-size: 1em;      margin: auto;      padding: 20px; -    max-width: var(--width); +    max-width: 720px;      text-align: left; -    background-color: var(--background-color); +    background-color: #fff;      word-wrap: break-word;      overflow-wrap: break-word;      line-height: 1.5; -    color: var(--text-color); +    color: #444;  } -h1, h2, h3, h4, h5, h6 { -    font-family: var(--font-main); -    color: var(--heading-color); +h1, h2, h3, h4, h5, h6, strong, b { +    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", +                 "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",  "Droid Sans", +                 "Helvetica Neue", sans-serif; +    color: #222;  }  a { -    color: var(--link-color); +    color: #3273dc;      cursor: pointer;      text-decoration: none;  } @@ -49,10 +37,6 @@ nav a {      margin-right: 8px;  } -strong, b { -    color: var(--heading-color); -} -  button {      margin: 0;      cursor: pointer; @@ -78,13 +62,13 @@ img {  code {      font-family: monospace;      padding: 2px; -    color: var(--code-color); +    color: #222;      border-radius: 3px;  }  blockquote {      border-left: 1px solid #999; -    color: var(--code-color); +    color: #222;      padding-left: 20px;      font-style: italic;  } @@ -124,5 +108,5 @@ ul.posts time {  }  ul.posts li a:visited { -    color: var(--visited-color); +    color: #8b6fcb;  } |