tykayn/funky-framadate-front
1
1
Fork 1
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git synced 2023-08-25 13:53:14 +02:00
Code Issues Projects Releases Wiki Activity

stepper background color and height var

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/features/administration/stepper/stepper.component.scss
View File

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

2
src/styles/variables.scss
View File

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