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 vote349 views1 answer
Beautiful checkbox css
CSS
3 votes306 views1 answer
Background position center center
CSS
0 vote383 views1 answer
Css packer cli
CSS
6 votes347 views3 answers
.row bootstrap
CSS
0 vote345 views2 answers
SCSS lighten
CSS
211 votes448 views10 answers
Css padding
CSS
0 vote321 views1 answer
Sweet alert modal form
CSS
1 vote323 views1 answer
Locate canvas in center of screen css
CSS
0 vote331 views2 answers
Css grid reverse column order
CSS
1 vote328 views1 answer
Most common media query sizes
CSS