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

1 vote138 views1 answer
Md table structure
CSS
3 votes146 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS
1 vote106 views1 answer
Css main container align center
CSS
2 votes198 views1 answer
How to put a black overlay on a photo css
CSS
2 votes147 views2 answers
Why is my footer not at the bottom html
CSS
0 vote139 views1 answer
Restrict css to apply on div
CSS
10 votes180 views2 answers
Css list items next to each other
CSS
0 vote149 views1 answer
React use global css classes
CSS
13 votes170 views3 answers
Rotate image html
CSS
17 votes175 views3 answers
Rotate image in css
CSS