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

14 votes174 views2 answers
Css grid command for responsive design
CSS
6 votes189 views3 answers
How to add a background overlay in css
CSS
8 votes171 views1 answer
Reset submit btn style
CSS
10 votes247 views4 answers
Bootstrap badges Links
CSS Bootstrap
0 vote192 views1 answer
Taille texte css
CSS
3 votes167 views2 answers
Scrollbar change css
CSS
0 vote179 views2 answers
To convert categorical data to numerical
CSS
15 votes177 views3 answers
Loops scss
CSS
0 vote182 views1 answer
Align icon center div
CSS
2 votes176 views1 answer
Vertically center an svg
CSS