From e1d7eca2a00eea89c32e13caf6b65f33e3b239c9 Mon Sep 17 00:00:00 2001
From: Diego Jara <saintplay96@gmail.com>
Date: Tue, 14 Nov 2017 23:52:02 -0500
Subject: [PATCH] v2.1.1 -  Add customStyle prop

---
 README.md                          | 5 +++++
 documentation/_getting-started.pug | 6 ++++++
 package.json                       | 2 +-
 src/Avatar.vue                     | 6 +++---
 4 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index b7c5ee0..d00ba4c 100644
--- a/README.md
+++ b/README.md
@@ -101,6 +101,11 @@ new Vue({
     <td> - </td>
     <td> String </td>
     <td>Path to the avatar image to display.</td></tr>
+  <tr><td>:customStyle</td>
+    <td> N </td>
+    <td> - </td>
+    <td> Object </td>
+    <td>A custom style object to override the base styles.</td></tr>
   <tr><td>backgroundColor</td>
     <td> N </td>
     <td> - </td>
diff --git a/documentation/_getting-started.pug b/documentation/_getting-started.pug
index 81b6ed0..842bb16 100644
--- a/documentation/_getting-started.pug
+++ b/documentation/_getting-started.pug
@@ -120,6 +120,12 @@ a(href='https://github.com/eliep/vue-avatar')
           td  - 
           td  String 
           td Path to the avatar image to display.
+        tr
+          td :customStyle
+          td  N 
+          td  - 
+          td  Object 
+          td A custom style object to override the base styles.
         tr
           td backgroundColor
           td  N 
diff --git a/package.json b/package.json
index 397080a..f2da980 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-avatar",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Avatar component for Vue.js",
   "author": "eprudhomme@gmail.com",
   "license": "MIT",
diff --git a/src/Avatar.vue b/src/Avatar.vue
index 6b586ee..423ce19 100644
--- a/src/Avatar.vue
+++ b/src/Avatar.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="vue-avatar--wrapper" :class="customClass" :style="style">
+  <div class="vue-avatar--wrapper" :style="[style, customStyle]">
     <span v-if="!this.src">{{ userInitial }}</span>
   </div>
 </template>
@@ -21,8 +21,8 @@ export default {
     color: {
       type: String
     },
-    customClass: {
-      type: String
+    customStyle: {
+      type: Object
     },
     size: {
       type: Number,