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

23 votes336 views5 answers
How to rotate image in css
CSS
1 vote283 views1 answer
How to delete css property using css
CSS
0 vote274 views2 answers
Position relative get in center
CSS
1 vote285 views1 answer
Wp wpbakery bulder page alignment
CSS
0 vote291 views1 answer
How to combine two screen sizes in media queries css
CSS
0 vote313 views2 answers
Curved lines css
CSS
0 vote280 views1 answer
What does it mean when we write width :100%?
CSS
0 vote330 views1 answer
Remove effect off animation css
CSS
4 votes306 views1 answer
Bootstrap file select class
CSS
-1 vote322 views1 answer
How to make div position top in css
CSS