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 vote340 views1 answer
All Stylesheet Media Types
CSS
103 votes353 views2 answers
What are the types of positioning in css
CSS
1 vote353 views1 answer
Gulp with pm2
CSS
72 votes349 views6 answers
Css font size
CSS
238 votes522 views5 answers
Include bootstrap
CSS Bootstrap
45 votes327 views6 answers
Css elipsis
CSS
0 vote316 views1 answer
What is difference between padding and margin?
CSS
-1 vote355 views1 answer
Neomorphic box
CSS
0 vote357 views1 answer
Flex index css
CSS
12 votes299 views2 answers
Input number hide button
CSS