~rycwo/blog

f80989c94e40f8c9ff4f5314cc3327872bcaefa2 — Ryan Chan 2 years ago 4fe2510
Increase line height and fix <a> tag underline
2 files changed, 9 insertions(+), 6 deletions(-)

M _layouts/post.html
M assets/css/style.scss
M _layouts/post.html => _layouts/post.html +1 -1
@@ 3,7 3,7 @@ layout: default
---
<article class="post" itemscope itemtype="https://schema.org/BlogPosting">
  <header class="post-header">
    <h1 itemprop="name headline" style="margin-bottom: 0px">{{ page.title }}</h1>
    <h1 itemprop="name headline">{{ page.title }}</h1>
    <h6 class="post-meta">
      <time
        datetime="{{ page.date | date_to_xmlschema }}"

M assets/css/style.scss => assets/css/style.scss +8 -5
@@ 20,7 20,7 @@ body {
  height: 100%;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.24em;
  line-height: 1.4em;
}

main {


@@ 59,7 59,9 @@ nav {

a {
  color: #000000;
  text-decoration: underline dotted;
  text-decoration: none;
  display: inline-block;
  border-bottom: 1px dotted #000000;
}

ul,


@@ 116,7 118,6 @@ video{
  display: block;
  max-width: 100%;
  margin: 0 auto;
  vertical-align: middle;
}

figure > img {


@@ 173,10 174,12 @@ address {

.nav-link,
.ext-link {
  text-decoration: none;
  margin-bottom: 1px;
  border-bottom: none;

  &:hover {
    text-decoration: underline dotted;
    margin-bottom: 0;
    border-bottom: 1px dotted #000000;
  }
}