Files
web/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/form.module.css
Linus Flood 7fb95f436b Merged in feat/book-522-align (pull request #3101)
feat(BOOK-522): align items in topmenu, header and booking widget

* feat(BOOK-522): align items in topmenu, header and booking widget

* Delete old css variable and use new

* Fixed underline on icons


Approved-by: Erik Tiekstra
2025-11-07 11:06:56 +00:00

51 lines
795 B
CSS

.section {
align-items: center;
display: grid;
margin: 0 auto;
width: 100%;
}
.form {
display: grid;
height: 100%;
}
@media screen and (max-width: 767px) {
.section {
max-width: var(--max-width-page);
}
.form {
align-self: flex-start;
}
}
@media screen and (min-width: 768px) {
.default {
border-radius: var(--Corner-radius-md);
}
}
@media screen and (min-width: 1367px) {
.default {
padding: var(--Space-x15) var(--Spacing-x2) var(--Space-x15)
var(--Spacing-x1);
}
.full {
padding: var(--Spacing-x1) 0;
}
.form {
width: 100%;
max-width: var(--max-width-page);
margin: 0 auto;
}
.compact {
padding: var(--Space-x15) var(--Spacing-x2) var(--Space-x15)
var(--Spacing-x1);
white-space: nowrap;
}
}