Added info block styles

2016-12-19 17:25:20 +01:00 · 2016-12-19 17:25:20 +01:00 · 255dfe1c1e
commit 255dfe1c1e
parent 15f629b7ef
2 changed files with 13 additions and 1 deletions
--- a/assets/static/sass/_layout.sass
+++ b/assets/static/sass/_layout.sass
@ -55,3 +55,15 @@ p:first-child

 .clearfloat
  clear: both
+
+.block-info
+  background-color: lightblue
+  padding: 12px
+
+  &:before
+    color: darken(lightblue, 50)
+    content: '🛈'
+    float: left
+    font-size: 180%
+    line-height: 80%
+    padding-right: 6px
--- a/templates/blog/post.html
+++ b/templates/blog/post.html
@ -12,7 +12,7 @@
    {% from 'macros/comments.html' import disqus with context %}
    {{ disqus() }}
  {% else %}
-    <div class="center info">
+    <div class="center block-info">
      Comments have been disabled in this post, if you want to contact me please <a href="{{ '/contact'|url }}">go ahead</a>!
    </div>
  {% endif %}