funky-framadate-front/src/app/features/administration/stepper/stepper.component.scss

49 lines
758 B
SCSS

@import '../../../../styles/variables';
#creation_stepper {
.step-bar-container {
margin: 1rem 0 2rem;
height: 0.6em;
display: inline-block;
min-width: 1px;
background: $d-grey !important;
width: 100%;
}
.step-bar-progress {
position: relative;
top: -0.5em;
left: 0;
height: 0.5em;
display: inline-block;
min-width: 1px;
background: $primary_color;
}
.shortcut {
padding: 1em;
margin: 1em;
display: inline-block;
text-align: center;
width: 4em;
&.is-active {
background: $font_color;
}
&.cancel-button {
background: $border-color;
margin-top: -0.5em;
&:hover {
background: $font_color;
}
}
}
.step-title-poll {
font-size: 0.85rem !important;
color: $d-neutral !important;
}
}