Style tweaks

This commit is contained in:
Shadowfacts 2020-02-18 21:06:20 -05:00
parent 9d0da15173
commit c36ca7b590
Signed by untrusted user: shadowfacts
GPG Key ID: 94A5AB95422746E5
2 changed files with 15 additions and 16 deletions

View File

@ -7,7 +7,7 @@ $serif: Charter, Georgia, serif;
$monospace: SF Mono, monospace; $monospace: SF Mono, monospace;
// General // General
body { html {
background-color: var(--content-background-color); background-color: var(--content-background-color);
font-family: $sansSerif; font-family: $sansSerif;
font-size: 16px; font-size: 16px;
@ -33,7 +33,7 @@ body {
.rss { .rss {
margin-top: 0; margin-top: 0;
font-size: 14px; font-size: 0.75rem;
font-weight: lighter; font-weight: lighter;
color: var(--secondary-ui-text-color); color: var(--secondary-ui-text-color);
} }
@ -45,9 +45,9 @@ article {
border-bottom: 1px solid var(--accent-color); border-bottom: 1px solid var(--accent-color);
.article-title { .article-title {
margin-top: 20px; margin-top: 0.7em;
margin-bottom: 0; margin-bottom: 0;
font-size: 1.8rem; font-size: 1.6rem;
&::before { &::before {
content: "#"; content: "#";
@ -72,7 +72,7 @@ article {
.article-meta { .article-meta {
margin-top: 0; margin-top: 0;
font-size: 14px; font-size: 0.9rem;
font-weight: lighter; font-weight: lighter;
color: var(--secondary-ui-text-color); color: var(--secondary-ui-text-color);
@ -82,7 +82,7 @@ article {
.article-content { .article-content {
font-family: $serif; font-family: $serif;
font-size: 20px; font-size: 1.25rem;
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: $sansSerif; font-family: $sansSerif;
@ -98,8 +98,8 @@ article {
} }
} }
h1 { font-size: 1.8rem; } h1 { font-size: 1.6rem; }
h2 { font-size: 1.6rem; } h2 { font-size: 1.4rem; }
hr.footnotes-sep { hr.footnotes-sep {
border: none; border: none;
@ -108,13 +108,13 @@ article {
} }
// Markdown decorations // Markdown decorations
@media (min-width: 768px) { @media screen and (min-width: 768px) {
a::before { content: "["; } a::before { content: "["; }
a::after { content: "](" attr(data-link) ")"; word-wrap: break-word; } a::after { content: "](" attr(data-link) ")"; word-wrap: break-word; }
a::before, a::after { a::before, a::after {
color: var(--secondary-ui-text-color); color: var(--secondary-ui-text-color);
font-family: $monospace; font-family: $monospace;
font-size: 14px; font-size: 0.75em;
} }
a { text-decoration: none; } a { text-decoration: none; }
sup.footnote-ref > a::before, sup.footnote-ref > a::before,
@ -301,7 +301,7 @@ pre {
pre, code { pre, code {
font-family: $monospace; font-family: $monospace;
font-size: 16px; font-size: 1rem;
} }
img { img {
@ -315,7 +315,7 @@ figure {
figcaption { figcaption {
font-family: $sansSerif; font-family: $sansSerif;
font-size: 16px; font-size: 1rem;
font-style: italic; font-style: italic;
color: var(--secondary-ui-text-color); color: var(--secondary-ui-text-color);
text-align: center; text-align: center;
@ -327,7 +327,7 @@ figure {
padding-top: 20px; padding-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
background-color: var(--ui-background-color); background-color: var(--ui-background-color);
font-size: 16px; font-size: 1rem;
> div { > div {
display: flex; display: flex;
@ -538,4 +538,3 @@ figure {
max-width: 720px; max-width: 720px;
} }
} }

View File

@ -1,7 +1,7 @@
<p class="article-meta"> <p class="article-meta">
<div itemprop="author" itemscope="" itemtype="https://schema.org/Person"> <span itemprop="author" itemscope="" itemtype="https://schema.org/Person">
<meta itemprop="name" content="Shadowfacts"> <meta itemprop="name" content="Shadowfacts">
</div> </span>
on on
<span> <span>
<% const formatted = formatDate(metadata.date, "MMM Do, YYYY") %> <% const formatted = formatDate(metadata.date, "MMM Do, YYYY") %>