From 4b7ad2da7782ba0d9af425d64326bace70c1390d Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Sun, 12 Nov 2017 12:49:50 +0000
Subject: [PATCH] Remove inline styles

---
 layouts/partials/content.html | 4 ++--
 static/src/scss/style.scss    | 9 +++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/layouts/partials/content.html b/layouts/partials/content.html
index e0f38e2..d4f93da 100644
--- a/layouts/partials/content.html
+++ b/layouts/partials/content.html
@@ -1,5 +1,5 @@
 {{ if .Params.image }}
-  <div class="mb-3 image" data-image="{{ .Params.image }}" style="width: 100%; height: 30vh"></div>
+  <div class="mb-3 image header-image" data-image="{{ .Params.image }}"></div>
 {{ end }}
 <h1 class="display-5">{{ .Title }}</h1>
 <h5 class="my-3">{{ partial "subtitle.html" . }}</h5>
@@ -9,7 +9,7 @@
   {{ end }}
 
   {{ range .Params.tags }}
-    <a href="/tags/{{ urlize . }}" class="badge badge-dark mr-2" style="font-size: 1rem">
+    <a href="/tags/{{ urlize . }}" class="badge badge-dark tag mr-2">
       <i class="fa fa-tag"></i> {{ . }}
     </a>
   {{ end }}
diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss
index b8bd324..47696b5 100644
--- a/static/src/scss/style.scss
+++ b/static/src/scss/style.scss
@@ -180,3 +180,12 @@ p code {
   @extend .chroma;
   padding: $spacer * 0.25;
 }
+
+.header-image {
+  width: 100%;
+  height: 35vh;
+}
+
+.tag {
+  font-size: 1rem;
+}