aboutsummaryrefslogtreecommitdiffstatshomepage
diff options
context:
space:
mode:
authorEgor Tensin <Egor.Tensin@gmail.com>2021-11-08 16:40:21 +0300
committerEgor Tensin <Egor.Tensin@gmail.com>2021-11-08 17:28:49 +0300
commit32b1d32572c45447246d879856c8d23407fc792e (patch)
treec4d58cc59989802e674dc3af236998c9e5494047
parentbootstrap: make headers smaller still (diff)
downloadjekyll-theme-32b1d32572c45447246d879856c8d23407fc792e.tar.gz
jekyll-theme-32b1d32572c45447246d879856c8d23407fc792e.zip
posts: use proper flexbox for spacing
Diffstat (limited to '')
-rw-r--r--_includes/posts/posts.html8
-rw-r--r--_layouts/post.html8
-rw-r--r--assets/css/common/misc.css7
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>&nbsp;<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>&nbsp;<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;
}