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

51 lines
837 B
SCSS

@import '../../../../styles/variables';
.step-info {
.title.step-title-poll {
font-size: 0.85rem;
color: $border-color;
}
}
.step-bar-container {
margin: 1em 0;
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 {
background: $dark-lavender;
color: white;
padding: 1em;
margin: 1em;
display: inline-block;
border-radius: 100%;
text-align: center;
width: 4em;
&.is-active {
background: $font_color;
}
&:hover {
background: $clicked-color;
}
&.cancel-button {
background: $border-color;
margin-top: -0.5em;
&:hover {
background: $font_color;
}
}
}
.poll-title {
color: $d-neutral;
}