Mat stepper custom css

/** custom CSS as per your :required */
::ng-deep .mat-horizontal-stepper-header {
    box-sizing: border-box;
    flex-direction: column-reverse !important;
    height: auto;
    padding: 24px;
}
::ng-deep .mat-horizontal-stepper-header .mat-step-label {
    padding: 0px 0px 16px !important;
}
::ng-deep .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before, ::ng-deep .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after{
    top: 68px !important;
}

Source: stackoverflow.com

Similar codes

0 vote375 views1 answer
Remove border from last child css
CSS
10 votes359 views2 answers
Css list items next to each other
CSS
6 votes360 views3 answers
Css scroll snap
CSS
0 vote310 views1 answer
Select multiple id css
CSS
0 vote439 views1 answer
React bootstrap carousel not working
CSS Bootstrap
0 vote386 views1 answer
Css chamfered corner
CSS
0 vote386 views2 answers
Curved lines css
CSS
0 vote329 views1 answer
Vue v-cloak not working
CSS
0 vote363 views6 answers
Install canon mf211 printer ubuntu
CSS
2 votes329 views1 answer
Css content space
CSS