cnil: style responsive steps
This commit is contained in:
parent
df967646e8
commit
aeed192cf8
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue