From 79b12dcf8ccc1f42bb5d2d3852eb31b26f088361 Mon Sep 17 00:00:00 2001
From: Darryn Ten <darryn.ten@gmail.com>
Date: Fri, 4 Oct 2019 12:19:45 +0700
Subject: [PATCH] Allow custom font sizes

---
 package.json                  | 2 +-
 src/AvatarOrInitials.vue      | 6 +++++-
 test/AvatarOrInitials.spec.js | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index c285537..107fdd0 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@unicorns/avatars",
   "description": "Easy avatars or initials",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "author": "Unicorn Global et al",
   "private": false,
   "license": "MIT",
diff --git a/src/AvatarOrInitials.vue b/src/AvatarOrInitials.vue
index 9358dcb..8ba47fa 100644
--- a/src/AvatarOrInitials.vue
+++ b/src/AvatarOrInitials.vue
@@ -41,6 +41,10 @@ export default {
       required: false,
       default: 40
     },
+    fontSize: {
+      required: false,
+      default: 20
+    },
     round: {
       type: Boolean,
       required: false,
@@ -137,7 +141,7 @@ export default {
       return this.title.charAt(0)
     },
     initialsStyle() {
-      return `width: ${this.size}px; height: ${this.size}px; border-radius: ${this.size }px; background-color: ${this.bgColour()}; text-transform: uppercase; color: ${this.textColour()}; display: flex; justify-content: center; align-items: center;`
+      return `width: ${this.size}px; font-size: ${this.fontSize}px; height: ${this.size}px; border-radius: ${this.size }px; background-color: ${this.bgColour()}; text-transform: uppercase; color: ${this.textColour()}; display: flex; justify-content: center; align-items: center;`
     },
     radius() {
       if (this.round) {
diff --git a/test/AvatarOrInitials.spec.js b/test/AvatarOrInitials.spec.js
index 78756e9..ca2e210 100644
--- a/test/AvatarOrInitials.spec.js
+++ b/test/AvatarOrInitials.spec.js
@@ -32,7 +32,7 @@ describe('AvatarOrInitials.vue', () => {
       }
     })
 
-    expect(avatarOrInitials.vm.initialsStyle).toBe('width: 50px; height: 50px; border-radius: 50px; background-color: #cddc39; text-transform: uppercase; color: #000000; display: flex; justify-content: center; align-items: center;');
+    expect(avatarOrInitials.vm.initialsStyle).toBe('width: 50px; font-size: 20px; height: 50px; border-radius: 50px; background-color: #cddc39; text-transform: uppercase; color: #000000; display: flex; justify-content: center; align-items: center;');
     expect(avatarOrInitials.find('.initials').text()).toBe('a')
     expect(avatarOrInitials.vm.radius).toBe(undefined);
   })