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

3 votes164 views2 answers
What does em stand for in css
CSS
0 vote170 views1 answer
My customized css export chrome dev
CSS
2 votes212 views1 answer
How to add a black border around text css
CSS
0 vote179 views2 answers
Difference bw box and border box
CSS
2 votes224 views1 answer
Bootstrap dark mode
CSS Bootstrap
1 vote184 views1 answer
Out transition does not ease
CSS
0 vote182 views1 answer
Hwo to reload css in flask
CSS
0 vote172 views1 answer
How to remove default padding of div
CSS
1 vote168 views1 answer
Import css in thymeleaf
CSS
0 vote124 views1 answer
Disable on print margin html
CSS