2022-02-09 14:47:51 +01:00
|
|
|
@import '../variables';
|
|
|
|
|
2021-11-30 11:17:44 +01:00
|
|
|
// small screens
|
2022-02-11 12:04:32 +01:00
|
|
|
@media (max-width: 340px) {
|
|
|
|
#creation_stepper {
|
|
|
|
.step-title-poll {
|
|
|
|
font-size: 0.85rem;
|
2022-02-11 12:11:53 +01:00
|
|
|
max-width: 20ch;
|
2022-02-11 12:04:32 +01:00
|
|
|
}
|
|
|
|
.title-section {
|
|
|
|
width: 40%;
|
|
|
|
}
|
|
|
|
.menu-button {
|
|
|
|
padding: 0.5rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2022-02-11 12:11:53 +01:00
|
|
|
|
|
|
|
@media (min-width: 341px) {
|
|
|
|
// calendar datepicker cells
|
|
|
|
.p-datepicker {
|
|
|
|
.p-datepicker-calendar {
|
|
|
|
td {
|
2022-02-15 15:41:49 +01:00
|
|
|
width: $cell-size-datepicker;
|
2022-02-11 12:11:53 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
td span,
|
|
|
|
.p-ripple {
|
2022-02-15 15:41:49 +01:00
|
|
|
width: $cell-size-datepicker;
|
|
|
|
height: $cell-size-datepicker;
|
2022-02-11 12:11:53 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2022-02-11 12:04:32 +01:00
|
|
|
@media (max-width: 400px) {
|
|
|
|
#creation_stepper {
|
|
|
|
.title-section {
|
|
|
|
width: 45%;
|
|
|
|
}
|
|
|
|
.menu-button {
|
|
|
|
padding: 1rem;
|
|
|
|
}
|
|
|
|
}
|
2022-02-15 15:41:49 +01:00
|
|
|
|
|
|
|
.p-datepicker {
|
|
|
|
.p-datepicker-calendar {
|
|
|
|
td {
|
|
|
|
width: $cell-size-datepicker-small;
|
|
|
|
}
|
|
|
|
|
|
|
|
td span,
|
|
|
|
.p-ripple {
|
|
|
|
width: $cell-size-datepicker-small;
|
|
|
|
height: $cell-size-datepicker-small;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2022-02-11 12:04:32 +01:00
|
|
|
}
|
|
|
|
@media (max-width: 569px) {
|
2022-02-11 11:43:50 +01:00
|
|
|
.logo-home-link-img {
|
|
|
|
display: inline-block;
|
|
|
|
width: 50px;
|
|
|
|
}
|
|
|
|
.title-section {
|
|
|
|
width: 60%;
|
|
|
|
}
|
|
|
|
|
2022-02-11 10:59:02 +01:00
|
|
|
.is-hidden-smallest-screen {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.is-visible-smallest-screen {
|
|
|
|
display: block;
|
|
|
|
}
|
2022-02-09 14:47:51 +01:00
|
|
|
.big-header {
|
|
|
|
height: $home-nav-height-small;
|
|
|
|
}
|
|
|
|
|
2022-02-09 14:27:22 +01:00
|
|
|
.step {
|
2022-03-15 11:18:38 +01:00
|
|
|
padding: 120px 10px;
|
2022-02-09 14:27:22 +01:00
|
|
|
}
|
|
|
|
#creation_stepper {
|
2022-02-11 10:59:02 +01:00
|
|
|
.logo-home-link {
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
img {
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
}
|
2022-02-14 15:51:17 +01:00
|
|
|
&:hover {
|
|
|
|
background: transparent;
|
|
|
|
}
|
2022-02-11 10:59:02 +01:00
|
|
|
}
|
2022-02-09 14:27:22 +01:00
|
|
|
.cancel-button {
|
|
|
|
padding: 0.5rem 0.75rem;
|
|
|
|
min-width: 1em;
|
|
|
|
line-height: 1.5rem;
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
}
|
2022-03-15 11:18:38 +01:00
|
|
|
|
2022-02-10 14:50:05 +01:00
|
|
|
.step-title-poll {
|
|
|
|
max-width: 18ch;
|
|
|
|
}
|
2022-02-09 14:27:22 +01:00
|
|
|
}
|
2022-02-11 12:04:32 +01:00
|
|
|
@media (min-width: 570px) {
|
2022-02-11 10:59:02 +01:00
|
|
|
.is-hidden-smallest-screen {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
.is-visible-smallest-screen {
|
|
|
|
display: none;
|
|
|
|
}
|
2021-11-30 11:17:44 +01:00
|
|
|
}
|
2022-02-09 14:27:22 +01:00
|
|
|
|
2021-11-30 11:17:44 +01:00
|
|
|
// wide screen like desktop
|
2020-04-21 10:50:26 +02:00
|
|
|
@media (min-width: $widescreen) {
|
2021-12-13 14:26:36 +01:00
|
|
|
.step {
|
2022-03-10 09:52:35 +01:00
|
|
|
padding: 120px 0;
|
2021-12-13 14:26:36 +01:00
|
|
|
}
|
2020-04-21 10:50:26 +02:00
|
|
|
.date-choice > input:first-of-type {
|
2021-05-20 14:11:30 +02:00
|
|
|
width: 75%;
|
2020-04-21 10:50:26 +02:00
|
|
|
}
|
|
|
|
.date-choice .btn--primary,
|
|
|
|
.several-times {
|
|
|
|
margin-left: 1rem;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
.time-choice {
|
|
|
|
input {
|
2021-05-20 14:11:30 +02:00
|
|
|
width: 80%;
|
2020-04-21 10:50:26 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|