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 vote81 views1 answer
Select multiple id css
CSS
1 vote136 views1 answer
How to make div scrollable horizontal
CSS
0 vote122 views1 answer
Css remove margin around page
CSS
0 vote130 views1 answer
Rendre une div scrollable
CSS
42 votes121 views6 answers
Css transparent background color
CSS
1 vote114 views1 answer
Css on hover do something to children
CSS
1 vote124 views1 answer
Which css property is used to change font
CSS
0 vote112 views1 answer
How to manage overflowing text in button
CSS
0 vote125 views1 answer
Poretty print css
CSS
24 votes111 views3 answers
Css change multiple classes
CSS