From 0055633732d9d58da6fd92ff9f6e88715d610454 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <venomgfx@gmail.com>
Date: Fri, 14 Sep 2018 20:29:56 +0200
Subject: [PATCH] Blog: Styling and cleanup

---
 src/styles/_apps_base.sass                  |  1 -
 src/styles/_comments.sass                   |  8 +++----
 src/styles/_utils.sass                      | 12 ++++++++++
 src/styles/blog.sass                        | 26 ---------------------
 src/templates/nodes/custom/blog/archive.pug | 13 +++++++----
 5 files changed, 23 insertions(+), 37 deletions(-)

diff --git a/src/styles/_apps_base.sass b/src/styles/_apps_base.sass
index ddf0e279..34564638 100644
--- a/src/styles/_apps_base.sass
+++ b/src/styles/_apps_base.sass
@@ -403,7 +403,6 @@ nav.sidebar
 $loader-bar-width: 100px
 $loader-bar-height: 2px
 .loader-bar
-	background-color: $color-background
 	bottom: 0
 	content: ''
 	display: none
diff --git a/src/styles/_comments.sass b/src/styles/_comments.sass
index 812aca8d..81efb976 100644
--- a/src/styles/_comments.sass
+++ b/src/styles/_comments.sass
@@ -1,6 +1,7 @@
 $comments-width-max: 710px
 
 .comments-container
+	max-width: $comments-width-max
 	position: relative
 
 	#comments-reload
@@ -314,9 +315,6 @@ $comments-width-max: 710px
 					color: $color-success
 
 .comment-reply
-	&-container
-		background-color: $color-background
-
 	/* Little gravatar icon on the left */
 	&-avatar
 		img
@@ -333,7 +331,7 @@ $comments-width-max: 710px
 		width: 100%
 
 	&-field
-		background-color: $color-background-dark
+		background-color: $color-background-light
 		border-radius: 3px
 		box-shadow: inset 0 0 2px 0 rgba(darken($color-background-dark, 20%), .5)
 		display: flex
@@ -342,6 +340,7 @@ $comments-width-max: 710px
 
 		textarea
 			+node-details-description
+			background-color: $color-background-light
 			border-bottom-right-radius: 0
 			border-top-right-radius: 0
 			border: none
@@ -376,7 +375,6 @@ $comments-width-max: 710px
 
 		&.filled
 			textarea
-				background-color: $color-background-light
 				border-bottom: thin solid $color-background
 
 				&:focus
diff --git a/src/styles/_utils.sass b/src/styles/_utils.sass
index 03ada884..0ef6bd41 100644
--- a/src/styles/_utils.sass
+++ b/src/styles/_utils.sass
@@ -669,3 +669,15 @@
 
 .overflow-hidden
 	overflow: hidden
+
+=text-gradient($color_from, $color_to)
+		background: linear-gradient(to right, $color_from, $color_to)
+		background-clip: text
+		-webkit-background-clip: text
+		-webkit-text-fill-color: transparent
+
+=active-gradient
+	+text-gradient(#0cc, $primary)
+
+	&:before
+		+text-gradient(#0cc, $primary)
diff --git a/src/styles/blog.sass b/src/styles/blog.sass
index 1548dbbd..5cea6656 100644
--- a/src/styles/blog.sass
+++ b/src/styles/blog.sass
@@ -482,29 +482,3 @@
 
 	.blog-archive-navigation
 		margin-left: 35px
-
-// Used on the blog.
-.comments-compact
-	.comments-list
-		border: none
-		padding: 0 0 15px 0
-
-	.comments-container
-		max-width: 680px
-		margin: 0 auto
-
-		.comment-reply-container
-			background-color: transparent
-
-			.comment-reply-field
-				textarea, .comment-reply-meta
-					background-color: $color-background-light
-
-				&.filled
-					.comment-reply-meta
-						background-color: $color-success
-
-		.comment-reply-form
-			+media-xs
-				padding:
-					left: 0
diff --git a/src/templates/nodes/custom/blog/archive.pug b/src/templates/nodes/custom/blog/archive.pug
index 78efc1fa..18b34f79 100644
--- a/src/templates/nodes/custom/blog/archive.pug
+++ b/src/templates/nodes/custom/blog/archive.pug
@@ -1,8 +1,11 @@
 | {% extends 'nodes/custom/blog/index.html' %}
 | {% import 'nodes/custom/blog/_macros.html' as blogmacros %}
 
-| {% block project_context %}
-#blog_container
-	#blog_index-container.expand-image-links
-		| {{ blogmacros.render_archive(project, posts, posts_meta) }}
-| {% endblock project_context%}
+| {% block body %}
+.container
+	.pt-4
+		h2.text-uppercase.font-weight-bold
+			| Blog Archive
+
+	| {{ blogmacros.render_archive(project, posts, posts_meta) }}
+| {% endblock body %}