[SITE] add template, blueprint, css for the blog

assets/scss/blog.scss

@@ -0,0 +1,105 @@
+/* STYLE for jannikbeyerstedt.de
+ * for specific template
+ */
+@import "custom";
+@import "variables";
+@import "mixins";
+
+@import "mainvariables";
+
+$blog_color_meta: #a6a6a6;
+
+// change main.scss behavior
+body {
+
+}
+h2 {
+  margin-bottom: 5px;
+}
+
+a:hover, a:active, a:focus {
+  text-decoration: none;
+}
+
+
+// additional css
+main.blog {
+  .container {
+    max-width: 700px;
+  }
+  h1 a {
+    color: inherit;
+  }
+
+  article {
+    div.meta {
+      color: $blog_color_meta;
+      span.tags {
+        margin-left: 5px;
+        border-left: 1px solid $blog_color_meta;
+        padding-left: 6px;
+        a {color: inherit;}
+        a:after {content: ',';}
+        a:last-child:after {content: '';}
+      }
+    }
+  }
+
+  article.excerpt {
+    padding-bottom: 30px;
+    margin-top: 25px;
+    border-bottom: 1px solid $blog_color_meta;
+    margin-bottom: 20px;
+
+    a.more {
+      font-size: 1.7em;
+      line-height: 1rem;
+      position: relative;
+      top: 0.03em;
+    }
+  }
+
+  article.blogarticle {
+    margin-top: 30px;
+
+    padding-bottom: 60px;
+    border-bottom: 2px solid lighten($blog_color_meta, 10%);
+    margin-bottom: 50px;
+  }
+
+  div.teasers {
+    article.excerpt:last-child {
+      border-bottom: none;
+    }
+  }
+}
+
+nav.pagination {
+  float: none;
+  text-align: center;
+  height: 45px;
+  color: $blog_color_meta;
+  a.button {
+    display: inline-block;
+    padding: 5px 14px;
+    background-color: #fff;
+    border: 1px solid lighten($blog_color_meta, 20%);
+    border-radius: 10px;
+    color: inherit;
+    &.older {
+      float: left;
+    }
+    &.newer {
+      float: right;
+    }
+  }
+  span.num-pages {
+    position: relative;
+    top: 0.5em;
+  }
+}
+
+
+
+// ---- from boostrap ----
+//@import "images";

assets/scss/main.scss

@@ -28,7 +28,7 @@ p {
 }
 a {
   color: $link_color;
-  &:active, &:hover {
+  &:active, &:hover, &:focus {
     color: $link_active;
   }
 }