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 vote265 views1 answer
Css add space to the top
CSS
3 votes266 views1 answer
Bootstrap 3 offset
CSS
0 vote358 views1 answer
Bootstrap progress bar animation not working
CSS Bootstrap
0 vote264 views1 answer
Enqueing another css file in shild
CSS
10 votes261 views6 answers
How to install composer on mac
CSS
0 vote281 views1 answer
React css change number animation
CSS
3 votes259 views3 answers
Css blur text
CSS
0 vote263 views1 answer
Adding a script tag with Helmet
CSS
11 votes226 views1 answer
Html no cursor when link
CSS
0 vote248 views1 answer
What does it mean when we write width :100%?
CSS