Added inverted prop

Author: romanslonov

docs/components/button.md

@@ -127,6 +127,7 @@ size       | String   | Button size, ['1', '2', '3', '4'] | '3'
 disabled   | Boolean  | Whether button disabled or not | false
 loading    | Boolean  | Whether button in loading state or not | false
 icon-first | Boolean  | Set to `true` if you want to render icon before text | false
+inverted   | Boolean  | Set to `true` in order to use button on dark background | false
 
 ## Slots
 Name     | Slot props       | Description

src/components/Button/main.vue

@@ -45,6 +45,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    inverted: {
+      type: Boolean,
+      default: false,
+    },
   },
   computed: {
     classes() {
@@ -55,6 +59,7 @@ export default {
         { 'button--icon-only': !this.$slots.default },
         { 'button--icon-first': this.iconFirst },
         { 'button--wide': this.wide },
+        { 'button--inverted': this.inverted },
       ];
     },
   },