forked from shadowfacts/shadowfacts.net
Style tweaks
This commit is contained in:
parent
9d0da15173
commit
c36ca7b590
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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") %>
|
||||
|
|
Loading…
Reference in New Issue