salix/front/core/components/step-control/style.scss

45 lines
1.1 KiB
SCSS
Raw Normal View History

2019-02-06 10:24:29 +00:00
@import "variables";
vn-step-control {
display: flex;
justify-content: center;
.step-control {
2019-02-08 16:49:51 +00:00
border-top: 2px solid $color-main;
margin-bottom: 15px;
& > .steps {
display: flex;
flex-direction: row
}
& > .steps > .step {
justify-content: center;
min-width: 125px;
display: flex;
flex: auto
}
& > .steps > .step .circle {
2019-02-08 16:49:51 +00:00
border: 2px solid $color-main;
background-color: white;
align-content: center;
margin-top: -9.5px;
border-radius: 50%;
cursor: pointer;
height: 15px;
width: 15px
}
& > .steps > .step .circle.active {
2019-02-08 16:49:51 +00:00
background-color: $color-main;
}
& > .buttons {
display: flex;
flex: auto;
flex-direction: row;
justify-content: space-between;
margin-top: 10px
}
& > .buttons > .step {
display: flex
}
}
}