From c561cfd346743386d13f51659b113c6cb6ce235e Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Mon, 26 Oct 2015 20:07:58 +0000
Subject: [PATCH] Move inline CSS into _base.scss

---
 sass/base/_base.scss              | 13 ++++++++++---
 source/_layouts/default.html.twig |  8 --------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/sass/base/_base.scss b/sass/base/_base.scss
index 91776e71..44cd61fc 100644
--- a/sass/base/_base.scss
+++ b/sass/base/_base.scss
@@ -2,7 +2,14 @@ body {
   padding-top: 60px;
 }
 
-main img {
-  height: auto;
-  max-width: 100%;
+main {
+  a:link,
+  a:hover {
+    border-bottom: 1px solid;
+    text-decoration: none;
+  }
+
+  img {
+    @extend .img-responsive;
+  }
 }
diff --git a/source/_layouts/default.html.twig b/source/_layouts/default.html.twig
index 5a2d4cac..227dbc7c 100644
--- a/source/_layouts/default.html.twig
+++ b/source/_layouts/default.html.twig
@@ -23,14 +23,6 @@
         <link rel="stylesheet" href="{{ site.url }}/components/font-awesome/css/font-awesome.min.css">
         {% block styles %}{% endblock %}
 
-        <style type="text/css">
-            main a:link,
-            main a:hover {
-                border-bottom: 1px solid;
-                text-decoration: none;
-            }
-        </style>
-
         {% for size in site.apple_touch_icon_sizes %}
             <link rel="apple-touch-icon" href="{{ site.gravatar.url }}?s={{ size }}" sizes="{{ size }}x{{ size }}">
         {% endfor %}