{{ post.title }}
+-
+ {% for category in post.categories %}
+
- {{ category }} + {% endfor %} +
diff --git a/_sass/_base.scss b/_sass/_base.scss index 2211fc3af..b8c694bc5 100644 --- a/_sass/_base.scss +++ b/_sass/_base.scss @@ -11,6 +11,10 @@ box-sizing: border-box; } +:root { + scroll-padding-top: 100px; +} + html, body { height: 100%; diff --git a/_sass/_blog.scss b/_sass/_blog.scss index 91300c391..418f33bf7 100644 --- a/_sass/_blog.scss +++ b/_sass/_blog.scss @@ -7,7 +7,7 @@ margin: 1rem; border: 1px solid #ddd; - a { + .post-link { display: flex; flex-direction: column; @@ -15,7 +15,8 @@ flex-direction: row; } - div:first-child { + + .post-image { flex: none; @media screen and (min-width: 560px) { @@ -37,7 +38,7 @@ } } - div:last-child { + .post-content { flex: 1 1 0%; padding: .5rem 1rem; @@ -54,6 +55,11 @@ color: #88ba30; } } + + .category-link { + text-decoration: none; + color: white; + } } } } diff --git a/_sass/_categories.scss b/_sass/_categories.scss new file mode 100644 index 000000000..0d0a426f5 --- /dev/null +++ b/_sass/_categories.scss @@ -0,0 +1,9 @@ + + +.categories-head { + margin: 20px; +} + +.categories-container { + margin-bottom: 30px; +} \ No newline at end of file diff --git a/blog.html b/blog.html index 88d8ef61a..a84b05c3d 100644 --- a/blog.html +++ b/blog.html @@ -9,29 +9,33 @@