stepper background color and height var

This commit is contained in:
Tykayn 2022-02-16 12:05:55 +01:00 committed by tykayn
parent 4a6221d9bb
commit 92612bb403
2 changed files with 7 additions and 5 deletions

View File

@ -15,7 +15,7 @@
}
.step-counter-text {
margin-top: -5px;
margin-top: -$stepper-progress-bar-height;
}
.title-section {
display: inline-block;
@ -46,15 +46,15 @@
top: 0;
display: block;
min-width: 1px;
height: 4px;
background: $d-grey !important;
height: $stepper-progress-bar-height;
background: $bar-progress-grey !important;
}
.step-bar-progress {
position: relative;
top: -4px;
top: -$stepper-progress-bar-height;
left: 0;
height: 4px;
height: $stepper-progress-bar-height;
display: block;
min-width: 1px;
background: $d-blue-700;

View File

@ -50,6 +50,7 @@ $primary_color: $d-primary;
$primary: $d-primary;
$secondary_color: $d-primary-intense;
$bg-grey: $d-blue30;
$bar-progress-grey: #e3e3ea;
$font_color: $d-black;
$font_color_light: $d-grey;
$logo_color: $d-primary;
@ -82,6 +83,7 @@ $header-nav-height: 4.85rem;
$header-nav-inner-height: 4.5rem;
$widescreen-width-main-column: 75rem;
$stepper-nav-height: 2rem;
$stepper-progress-bar-height: 5px;
$home-nav-height: 2rem;
$home-nav-height-small: 3.5rem;
// datepicker