diff options
author | Egor Tensin <Egor.Tensin@gmail.com> | 2021-11-08 16:40:21 +0300 |
---|---|---|
committer | Egor Tensin <Egor.Tensin@gmail.com> | 2021-11-08 17:28:49 +0300 |
commit | 32b1d32572c45447246d879856c8d23407fc792e (patch) | |
tree | c4d58cc59989802e674dc3af236998c9e5494047 | |
parent | bootstrap: make headers smaller still (diff) | |
download | jekyll-theme-32b1d32572c45447246d879856c8d23407fc792e.tar.gz jekyll-theme-32b1d32572c45447246d879856c8d23407fc792e.zip |
posts: use proper flexbox for spacing
-rw-r--r-- | _includes/posts/posts.html | 8 | ||||
-rw-r--r-- | _layouts/post.html | 8 | ||||
-rw-r--r-- | assets/css/common/misc.css | 7 |
3 files changed, 9 insertions, 14 deletions
diff --git a/_includes/posts/posts.html b/_includes/posts/posts.html index 71a6d9a..d5c5c9d 100644 --- a/_includes/posts/posts.html +++ b/_includes/posts/posts.html @@ -3,11 +3,9 @@ <hr/> {% else %} {% for post in paginator.posts %} - <div class="row post-header"> - <div class="col-xs-12 col-sm-8"> - <h2><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h2> - </div> - <div class="col-xs-12 col-sm-4 post-date"> + <div class="post-header"> + <h2><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h2> + <div class="post-date"> <p class="text-muted"> {% if post.category %} <span class="glyphicon glyphicon-folder-open"></span> <a class="category" href="{{ '/' | relative_url }}{{ post.category | slugify: 'pretty' }}/">{{ post.category }}</a> diff --git a/_layouts/post.html b/_layouts/post.html index 49c06be..2c0122e 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -1,11 +1,9 @@ --- layout: default --- -<div class="row post-header"> - <div class="col-xs-12 col-sm-8"> - <h1>{{ page.title }}</h1> - </div> - <div class="col-xs-12 col-sm-4 post-date"> +<div class="post-header"> + <h1>{{ page.title }}</h1> + <div class="post-date"> <p class="text-muted"> {% if page.category %} <span class="glyphicon glyphicon-folder-open"></span> <a class="category" href="{{ '/' | relative_url }}{{ page.category | slugify: 'pretty' }}/">{{ page.category }}</a> diff --git a/assets/css/common/misc.css b/assets/css/common/misc.css index f5a1e95..51fc627 100644 --- a/assets/css/common/misc.css +++ b/assets/css/common/misc.css @@ -46,9 +46,8 @@ pre code { display: flex; flex-wrap: wrap; align-items: baseline; + justify-content: space-between; } -@media (min-width: 768px) { - .post-date { - text-align: right; - } +.post-date { + text-align: right; } |