Add avatar class

assets/sass/base/images.sass

@@ -1,8 +1,12 @@
-img.with-border
+img
+  &.with-border
     @apply .border .border-solid .border-grey-light
 
-img.with-padding
+  &.with-padding
     @apply .p-1
 
+  &.avatar
+    @apply .border .p-1 .rounded-full
+
 svg
   fill: currentColor

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>
 

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.