diff --git a/webapp/src/App.vue b/webapp/src/App.vue index 311dca83..97c46c19 100644 --- a/webapp/src/App.vue +++ b/webapp/src/App.vue @@ -362,50 +362,4 @@ html { overflow-y: hidden; } - - -.v-step { - background: @global-primary-background !important; -} - -.v-step__header { - background-color: darken(@global-primary-background, 7%) !important; -} - -.v-step__button { - font-size: 0.9rem !important; -} - -// Change step arrow colour -// This is awful and hacky and makes me sad, but needs must -.v-step .v-step__arrow { - border-color: darken(@global-primary-background, 7%) !important; - &--dark { - border-color: darken(@global-primary-background, 7%) !important; - } -} - -.v-step[x-placement^="top"] .v-step__arrow { - border-left-color: transparent !important; - border-right-color: transparent !important; - border-bottom-color: transparent !important; -} - -.v-step[x-placement^="bottom"] .v-step__arrow { - border-left-color: transparent !important; - border-right-color: transparent !important; - border-top-color: transparent !important; -} - -.v-step[x-placement^="right"] .v-step__arrow { - border-left-color: transparent !important; - border-top-color: transparent !important; - border-bottom-color: transparent !important; -} - -.v-step[x-placement^="left"] .v-step__arrow { - border-top-color: transparent !important; - border-right-color: transparent !important; - border-bottom-color: transparent !important; -}