stepper style

This commit is contained in:
Tykayn 2022-02-11 12:04:32 +01:00 committed by tykayn
parent 62ca7e6a16
commit 3670a7efb2

View File

@ -1,7 +1,30 @@
@import '../variables'; @import '../variables';
// small screens // small screens
@media (max-width: 487px) { @media (max-width: 340px) {
#creation_stepper {
.step-title-poll {
font-size: 0.85rem;
}
.title-section {
width: 40%;
}
.menu-button {
padding: 0.5rem;
}
}
}
@media (max-width: 400px) {
#creation_stepper {
.title-section {
width: 45%;
}
.menu-button {
padding: 1rem;
}
}
}
@media (max-width: 569px) {
.logo-home-link-img { .logo-home-link-img {
display: inline-block; display: inline-block;
margin-top: 8px; margin-top: 8px;
@ -23,10 +46,10 @@
} }
.step { .step {
padding: $stepper-nav-height 0.25rem; padding: calc(56px + 32px) 1rem;
} }
.bottom-step-buttons { .bottom-step-buttons {
padding: 0; padding: 0.25rem;
.contained-in-main-column { .contained-in-main-column {
padding: 0.5rem; padding: 0.5rem;
} }
@ -54,7 +77,7 @@
max-width: 18ch; max-width: 18ch;
} }
} }
@media (min-width: 488px) { @media (min-width: 570px) {
.is-hidden-smallest-screen { .is-hidden-smallest-screen {
display: block; display: block;
} }