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

6 votes177 views3 answers
How to snap the scroll is css
CSS
2 votes180 views1 answer
How to add space between menu items in css
CSS
0 vote174 views1 answer
Long text coming out of the block
CSS
-2 votes176 views3 answers
How to highlight text in css
CSS
0 vote170 views1 answer
How to make gray ufing rgb in css
CSS
31 votes168 views4 answers
Letter spacing in css
CSS
5 votes175 views2 answers
How to make page responsive using css
CSS
145 votes198 views10 answers
Grepper
CSS
0 vote167 views1 answer
Purgecss cli
CSS
0 vote167 views1 answer
Padding bottom and top css in same ligne
CSS