b122f2ff4f
Feat/LOY-490 cleanup profiling consent * chore(LOY-490): cleanup accordion * xhore(LOY-490): cleanup signup * fix(LOY-490): use correct tokens * fi(LOY-490): change button to correct color * fix(LOY-490): switch deprecated Link Approved-by: Chuma Mcphoy (We Ahead)
68 lines
946 B
CSS
68 lines
946 B
CSS
.form {
|
|
display: grid;
|
|
gap: var(--Space-x5);
|
|
}
|
|
|
|
.formWrapper,
|
|
.userInfo,
|
|
.password {
|
|
display: grid;
|
|
gap: var(--Space-x3);
|
|
}
|
|
|
|
.container,
|
|
.terms,
|
|
.personalization {
|
|
display: grid;
|
|
gap: var(--Space-x2);
|
|
}
|
|
|
|
.nameInputs {
|
|
display: grid;
|
|
gap: var(--Space-x2);
|
|
}
|
|
|
|
.dateField {
|
|
display: grid;
|
|
gap: var(--Space-x1);
|
|
}
|
|
|
|
.personalizationButton {
|
|
width: fit-content;
|
|
}
|
|
|
|
@media screen and (min-width: 1367px) {
|
|
.formWrapper {
|
|
gap: var(--Space-x5);
|
|
}
|
|
|
|
.nameInputs {
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
|
|
.additional {
|
|
grid-template-columns: 2fr 5fr;
|
|
grid-template-areas:
|
|
"zip country"
|
|
"email email"
|
|
"phone phone";
|
|
|
|
& > div:nth-child(1) {
|
|
grid-area: zip;
|
|
}
|
|
& > div:nth-child(2) {
|
|
grid-area: country;
|
|
}
|
|
& > div:nth-child(3) {
|
|
grid-area: email;
|
|
}
|
|
& > div:nth-child(4) {
|
|
grid-area: phone;
|
|
}
|
|
}
|
|
|
|
.signUpButton {
|
|
width: fit-content;
|
|
}
|
|
}
|