Fix some design issues
This commit is contained in:
parent
617e2fd7d2
commit
9aa4ca29f4
3 changed files with 10 additions and 6 deletions
|
@ -1,8 +1,8 @@
|
||||||
<main id="post-container">
|
<main id="post-container">
|
||||||
{% for post in paginator.posts %}
|
{% for post in paginator.posts %}
|
||||||
<article class="post">
|
<article class="post">
|
||||||
<header class="post-header">
|
<header class="post-header wrapper">
|
||||||
<div class="post-title wrapper">
|
<div class="post-title">
|
||||||
<h2 class="post-title"><a href="{{post.url}}" rel="bookmark">{{post.title}}</a></h2>
|
<h2 class="post-title"><a href="{{post.url}}" rel="bookmark">{{post.title}}</a></h2>
|
||||||
<p class="public-date">vom <time class="post-date" datetime="{{post.date | date: "%Y-%m-%d"}}">
|
<p class="public-date">vom <time class="post-date" datetime="{{post.date | date: "%Y-%m-%d"}}">
|
||||||
{% assign m = post.date | date: "%-m" %}
|
{% assign m = post.date | date: "%-m" %}
|
||||||
|
|
|
@ -3,9 +3,9 @@ layout: default
|
||||||
---
|
---
|
||||||
<main id="post-container" class="single-post">
|
<main id="post-container" class="single-post">
|
||||||
<article class="post">
|
<article class="post">
|
||||||
<header class="post-header">
|
<header class="post-header wrapper">
|
||||||
{% if page.featured-image %}{% include post-featured-image.html image=page.featured-image alt=page.featured-image-alt %}{% endif %}
|
{% if page.featured-image %}{% include post-featured-image.html image=page.featured-image alt=page.featured-image-alt %}{% endif %}
|
||||||
<div class="post-title wrapper">
|
<div class="post-title">
|
||||||
<h2>
|
<h2>
|
||||||
{% if page.external-url %}
|
{% if page.external-url %}
|
||||||
<a href="{{ page.external-url }}">{{ page.title }}</a>
|
<a href="{{ page.external-url }}">{{ page.title }}</a>
|
||||||
|
|
|
@ -57,7 +57,7 @@ a:hover {
|
||||||
|
|
||||||
.header p {
|
.header p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0 0 0 2px;
|
padding: 0 0 0 4px;
|
||||||
font: 700 14px/1 'Open Sans', sans-serif;
|
font: 700 14px/1 'Open Sans', sans-serif;
|
||||||
color: #444444;
|
color: #444444;
|
||||||
}
|
}
|
||||||
|
@ -122,13 +122,17 @@ blockquote {
|
||||||
}
|
}
|
||||||
|
|
||||||
.single-post {
|
.single-post {
|
||||||
padding-top: 10rem;
|
padding-top: 2.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
article.post:first-child {
|
article.post:first-child {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
article.post p {
|
||||||
|
padding-left: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
article.post header.post-header div.post-title h2 {
|
article.post header.post-header div.post-title h2 {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue