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

2 votes144 views1 answer
E/ViewRootImpl: sendUserActionEvent() mView returned.
CSS
3 votes138 views3 answers
Remove box around button when clicked
CSS
1 vote145 views2 answers
How to center topnav bar in html
CSS
1 vote136 views1 answer
Give shadow all around uniformly css
CSS
13 votes156 views5 answers
Transition shorthand
CSS
-1 vote161 views1 answer
Calculadora
CSS
0 vote146 views1 answer
Mediaquery for portrate
CSS
1 vote149 views1 answer
How to verticaly align items in a HTML container
CSS
-2 votes148 views1 answer
How to add pseudo class in html
CSS
0 vote147 views1 answer
Wordpress how to change logo on a certain page with css
CSS