Skip to content

Commit 4b46eb6

Browse files
committed
Edits styling of buttons in stepper component
- Changes font weight from 500 to bold - Edits font color of next button when disabled
1 parent 95daf5f commit 4b46eb6

File tree

1 file changed

+9
-1
lines changed

1 file changed

+9
-1
lines changed

src/components/Stepper.vue

+9-1
Original file line numberDiff line numberDiff line change
@@ -400,10 +400,17 @@ export default {
400400
.step-navigation .pagination-previous {
401401
font-family: Roboto Condensed,sans-serif;
402402
font-style: normal;
403-
font-weight: 500;
404403
font-size: 18px;
405404
line-height: 24px;
406405
}
406+
.step-navigation,
407+
.step-navigation {
408+
font-weight: 500;
409+
}
410+
.pagination-next,
411+
.pagination-previous {
412+
font-weight: bold;
413+
}
407414
.step-navigation .pagination-previous {
408415
border: 2px solid #787878;
409416
color: #787878;
@@ -415,6 +422,7 @@ export default {
415422
}
416423
.pagination-next.disabled {
417424
background-color: #D8D8D8;
425+
color: #787878 !important;
418426
}
419427
.pagination-next.disabled:hover,
420428
.pagination-next.disabled:active {

0 commit comments

Comments
 (0)