fix theme

This commit is contained in:
uetchy 2021-06-08 22:10:25 +09:00
parent fc40162d5e
commit 7b900d92b2
3 changed files with 17 additions and 21 deletions

View File

@ -1,11 +1,7 @@
<section> <section>
<article class="article"> <article class="article">
<hgroup class="article__metadata"> <hgroup class="article__metadata">
<% if (page.updated) { %> <% if (page.date) { %>
<h3 class="article__pubdate">
<time pubdate><%- date(page.updated, "YYYY / <b>MM</b>") %></time>
</h3>
<% } else if (page.date) { %>
<h3 class="article__pubdate"> <h3 class="article__pubdate">
<time pubdate><%- date(page.date, "YYYY / <b>MM</b>") %></time> <time pubdate><%- date(page.date, "YYYY / <b>MM</b>") %></time>
</h3> </h3>

View File

@ -1,3 +1,18 @@
.article,
.article-list__item {
h1,
h2,
h3,
h4,
h5 {
font-feature-settings: "kern", "palt";
}
}
.article {
margin-bottom: 60px;
}
.article-list__item { .article-list__item {
margin: 0 0 60px; margin: 0 0 60px;
@ -52,10 +67,6 @@ a.article-list__item__button {
} }
} }
.article {
margin-bottom: 60px;
}
.article__social { .article__social {
margin-top: 60px; margin-top: 60px;
display: flex; display: flex;
@ -143,13 +154,11 @@ a.article-list__item__button {
h2 { h2 {
margin: 35px 0 15px; margin: 35px 0 15px;
font-family: sans-serif;
font-weight: bold; font-weight: bold;
font-size: 2em; font-size: 2em;
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
margin: 20px 0 15px; margin: 20px 0 15px;
font-family: sans-serif;
font-weight: bold; font-weight: bold;
font-size: 1.5em; font-size: 1.5em;
} }
@ -157,13 +166,11 @@ a.article-list__item__button {
h3 { h3 {
margin: 25px 0 15px; margin: 25px 0 15px;
font-family: sans-serif;
font-weight: bold; font-weight: bold;
font-size: 1.3em; font-size: 1.3em;
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
margin: 15px 0 15px; margin: 15px 0 15px;
font-family: sans-serif;
font-weight: bold; font-weight: bold;
font-size: 1.4em; font-size: 1.4em;
} }
@ -171,12 +178,10 @@ a.article-list__item__button {
h4 { h4 {
margin: 25px 0 15px; margin: 25px 0 15px;
font-family: sans-serif;
font-weight: bold; font-weight: bold;
@media screen and (max-width: $break-small) { @media screen and (max-width: $break-small) {
margin: 15px 0 15px; margin: 15px 0 15px;
font-family: sans-serif;
font-weight: bold; font-weight: bold;
} }
} }
@ -206,8 +211,6 @@ a.article-list__item__button {
// Pay // Pay
#pay { #pay {
font-family: sans-serif;
.monospace { .monospace {
font-family: monospace; font-family: monospace;
font-weight: bold; font-weight: bold;

View File

@ -35,10 +35,7 @@ body {
font-family: "PT Sans", "Hiragino Sans", "Hiragino Mincho ProN", sans-serif; font-family: "PT Sans", "Hiragino Sans", "Hiragino Mincho ProN", sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
font-feature-settings: "kern", "pwid"; font-feature-settings: "kern";
-webkit-font-feature-settings: "kern", "palt", "pwid";
-moz-font-feature-settings: "kern", "palt", "pwid";
-moz-font-feature-settings: "kern=1", "palt", "pwid";
background: var(--background); background: var(--background);
color: var(--text); color: var(--text);