feat: add mobile design to accordions

This commit is contained in:
Christel Westerberg
2024-11-11 10:15:47 +01:00
parent 66b2dc0c78
commit ee6aa8d188
9 changed files with 164 additions and 86 deletions

View File

@@ -19,7 +19,7 @@
transition: 0.5s ease-in-out;
}
.priceDetails {
.priceDetailsButton {
display: block;
border: none;
background: none;
@@ -28,6 +28,7 @@
transition:
opacity 0.5s ease-in-out,
padding 0.5s ease-in-out;
cursor: pointer;
}
.wrapper[data-open="true"] {
@@ -38,12 +39,12 @@
grid-template-columns: 0fr 1fr;
}
.wrapper[data-open="true"] .priceDetails {
.wrapper[data-open="true"] .priceDetailsButton {
opacity: 0;
padding: 0;
}
.content,
.priceDetails {
.priceDetailsButton {
overflow: hidden;
}