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

View File

@ -1,7 +1,7 @@
<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">
</div>
</span>
on
<span>
<% const formatted = formatDate(metadata.date, "MMM Do, YYYY") %>