cnil: style responsive steps

This commit is contained in:
Frédéric Péters 2019-10-17 17:07:49 +02:00
parent df967646e8
commit aeed192cf8
1 changed files with 14 additions and 1 deletions

View File

@ -96,7 +96,7 @@ div#title-section {
}
}
div#steps {
div#rub_service div#steps {
ol {
display: flex;
justify-content: center;
@ -120,6 +120,7 @@ div#steps {
height: 50px;
line-height: 50px;
border-radius: 50px;
padding: 0;
}
span.label {
order: 0;
@ -127,6 +128,9 @@ div#steps {
font-size: 80%;
text-transform: uppercase;
height: 2rem;
@media screen and (max-width: $mobile-limit) {
height: auto;
}
}
&.current {
span.marker {
@ -151,6 +155,15 @@ div#steps {
content: none;
}
}
@media screen and (max-width: $mobile-limit) {
flex-direction: column;
li {
margin: 0 auto;
&::after {
content: none;
}
}
}
}
}