From 34b96254c501ac0f243d243fd837b4e9eadb261a Mon Sep 17 00:00:00 2001
From: Alphaiz Ainurrofiq <rebotak@gmail.com>
Date: Fri, 16 Aug 2019 10:32:02 +0700
Subject: [PATCH] feat: add BEM compliant class names to step buttons

---
 src/components/VStep.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/VStep.vue b/src/components/VStep.vue
index 98b7804..b046cf3 100644
--- a/src/components/VStep.vue
+++ b/src/components/VStep.vue
@@ -15,10 +15,10 @@
 
     <slot name="actions">
       <div class="v-step__buttons">
-        <button @click.prevent="stop" v-if="!isLast" class="v-step__button">{{ labels.buttonSkip }}</button>
-        <button @click.prevent="previousStep" v-if="!isFirst" class="v-step__button">{{ labels.buttonPrevious }}</button>
-        <button @click.prevent="nextStep" v-if="!isLast" class="v-step__button">{{ labels.buttonNext }}</button>
-        <button @click.prevent="stop" v-if="isLast" class="v-step__button">{{ labels.buttonStop }}</button>
+        <button @click.prevent="stop" v-if="!isLast" class="v-step__button v-step__button-skip">{{ labels.buttonSkip }}</button>
+        <button @click.prevent="previousStep" v-if="!isFirst" class="v-step__button v-step__button-previous">{{ labels.buttonPrevious }}</button>
+        <button @click.prevent="nextStep" v-if="!isLast" class="v-step__button v-step__button-next">{{ labels.buttonNext }}</button>
+        <button @click.prevent="stop" v-if="isLast" class="v-step__button v-step__button-stop">{{ labels.buttonStop }}</button>
       </div>
     </slot>