From 44ba341d6264a52944ee6b3d1ecd3b3dca0c39d0 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 4 Sep 2018 20:27:34 +0100
Subject: [PATCH] Add avatar class

---
 assets/sass/base/images.sass                 | 12 ++++++++----
 source/_partials/post/about-author.html.twig |  2 +-
 source/about.md                              |  6 +++++-
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/assets/sass/base/images.sass b/assets/sass/base/images.sass
index b7ee2b3f..76e09d4e 100644
--- a/assets/sass/base/images.sass
+++ b/assets/sass/base/images.sass
@@ -1,8 +1,12 @@
-img.with-border
-  @apply .border .border-solid .border-grey-light
+img
+  &.with-border
+    @apply .border .border-solid .border-grey-light
 
-img.with-padding
-  @apply .p-1
+  &.with-padding
+    @apply .p-1
+
+  &.avatar
+    @apply .border .p-1 .rounded-full
 
 svg
   fill: currentColor
diff --git a/source/_partials/post/about-author.html.twig b/source/_partials/post/about-author.html.twig
index 1ce5ec07..a4bcc962 100644
--- a/source/_partials/post/about-author.html.twig
+++ b/source/_partials/post/about-author.html.twig
@@ -6,7 +6,7 @@
             <img
                 src="{{ site.images_url }}{{ site.avatar.url }}"
                 alt="Picture of Oliver"
-                class="rounded-full w-16"
+                class="avatar w-16"
             >
         </div>
 
diff --git a/source/about.md b/source/about.md
index 8ef3aa32..4245a148 100644
--- a/source/about.md
+++ b/source/about.md
@@ -16,7 +16,11 @@ permalink: /
 # About Me
 
 <div class="mb-4 w-1/3 sm:w-1/4 lg:w-1/6">
-    <img src="{{ site.images_url }}{{ site.avatar.url }}" alt="Picture of Oliver" class="rounded-full">
+    <img
+        src="{{ site.images_url }}{{ site.avatar.url }}"
+        alt="Picture of Oliver"
+        class="avatar"
+    >
 </div>
 
 My name is Oliver Davies (aka [opdavies][1]) - a Full Stack Web Developer and System Administrator based in Wales, UK.