mat stepper custom css

Solutions on MaxInterview for mat stepper custom css by the best coders in the world

showing results for - "mat stepper custom css"
Valeria
05 Jan 2019
1/** custom CSS as per your :required */
2::ng-deep .mat-horizontal-stepper-header {
3    box-sizing: border-box;
4    flex-direction: column-reverse !important;
5    height: auto;
6    padding: 24px;
7}
8::ng-deep .mat-horizontal-stepper-header .mat-step-label {
9    padding: 0px 0px 16px !important;
10}
11::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{
12    top: 68px !important;
13}