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 vote121 views1 answer
Tynker bot
CSS
10 votes148 views4 answers
Bootstrap badges Links
CSS Bootstrap
0 vote157 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap
1 vote107 views1 answer
Css %-px
CSS
33 votes122 views4 answers
How to change paragraph text color to Red css
CSS
0 vote130 views1 answer
Label for centered image
CSS
6 votes100 views2 answers
Remove button default border css
CSS
4 votes100 views1 answer
Png shadow css
CSS
0 vote101 views2 answers
Webpack alias not working in jest
CSS
0 vote97 views1 answer
Wordpress how to change logo on a certain page with css
CSS