tykayn/funky-framadate-front
1
1
Fork 1
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git synced 2023-08-25 13:53:14 +02:00
Code Issues Projects Releases Wiki Activity

stepper style

Browse Source
This commit is contained in:
Tykayn 2022-02-11 12:04:32 +01:00 committed by tykayn
parent 62ca7e6a16
commit 3670a7efb2
1 changed files with 27 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/styles/partials/_responsive.scss
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;
} }