From: Michael Tremer <michael.tremer@ipfire.org>
Date: Tue, 17 Jul 2018 22:22:25 +0000 (+0100)
Subject: blog: Make custom styling clearer and easier
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=4b2975d25bb8e63d6651d5a531dea4ff9566111a;p=ipfire.org.git

blog: Make custom styling clearer and easier

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

diff --git a/src/scss/style.scss b/src/scss/style.scss
index c5a91750..8d0a1848 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -220,15 +220,31 @@ footer {
 }
 
 .blog-post {
-	h5:first-of-type {
-		a {
-			color: $body-color;
+	.blog-header {
+		h5 {
+			a {
+				color: $body-color;
+			}
 		}
 	}
 
 	&.lightning-wire-labs {
-		h5:first-of-type a, a {
-			color: $lwl;
+		.blog-header {
+			h5 {
+				a {
+					color: $lwl;
+				}
+			}
+
+			a {
+				color: $lwl;
+			}
+		}
+
+		.blog-content {
+			a {
+				color: $lwl;
+			}
 		}
 	}
 }
diff --git a/src/templates/blog/modules/post.html b/src/templates/blog/modules/post.html
index 9e2e6ea8..5feb067e 100644
--- a/src/templates/blog/modules/post.html
+++ b/src/templates/blog/modules/post.html
@@ -1,16 +1,20 @@
 <div class="blog-post {% if "lightning-wire-labs" in post.tags %}lightning-wire-labs{% end %}">
-	<h5 class="mb-0">
-		<a href="https://blog.ipfire.org/post/{{ post.slug }}">
-			{{ post.title }}
-		</a>
-	</h5>
+	<div class="blog-header">
+		<h5 class="mb-0">
+			<a href="https://blog.ipfire.org/post/{{ post.slug }}">
+				{{ post.title }}
+			</a>
+		</h5>
 
-	<p class="small text-muted">
-		{{ _("by") }} <a href="/authors/{{ post.author.uid }}">{{ post.author.name }}</a>,
-		{{ locale.format_date(post.published_at, shorter=True, relative=False) }}
-	</p>
+		<p class="small text-muted">
+			{{ _("by") }} <a href="/authors/{{ post.author.uid }}">{{ post.author.name }}</a>,
+			{{ locale.format_date(post.published_at, shorter=True, relative=False) }}
+		</p>
+	</div>
 
-	{% raw post.html %}
+	<div class="blog-content">
+		{% raw post.html %}
+	</div>
 
 	{% if "lightning-wire-labs" in post.tags and post.link %}
 		<div class="row">