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 votes217 views1 answer
Margin for text in html
CSS
47 votes250 views6 answers
Css nth child
CSS
0 vote264 views1 answer
Faire rectangle qui prend toute la largeur css
CSS
1 vote238 views1 answer
Overflow: scroll displaces the inline element
CSS
2 votes244 views1 answer
How to add space between menu items in css
CSS
0 vote260 views1 answer
Css filter img color etc
CSS
4 votes305 views1 answer
Css add dots if text too long
CSS
0 vote278 views2 answers
How to remove text style on td in angularjs
CSS
0 vote461 views1 answer
Twig inline css
CSS
0 vote240 views1 answer
Break table for printing
CSS