Adapting Form
This commit is contained in:
@@ -27223,5 +27223,86 @@ label + .LP-Input--disabled .LP-Input__Field:disabled {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
}
|
||||
.LP-Form--tagging {
|
||||
margin-top: 25px;
|
||||
}
|
||||
.LP-Form--tagging div.LP-Form__Composition {
|
||||
gap: 25px;
|
||||
}
|
||||
.LP-Form--inline .LP-Form__Legend,
|
||||
.LP-Form--inline .LP-Input__Label {
|
||||
display: none;
|
||||
}
|
||||
.LP-Form--inline .LP-Form__Button {
|
||||
flex-basis: var(--fixedSize);
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
--fixed-size: max-content;
|
||||
}
|
||||
.LP-Form--inline fieldset.LP-Form__Fieldset {
|
||||
max-width: unset;
|
||||
}
|
||||
.LP-Form--inline div.LP-Form__Composition {
|
||||
padding: 0;
|
||||
}
|
||||
@media (max-width: 450px) {
|
||||
.LP-Form:not(.LP-Form--inline) .LP-Form__Composition {
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
.LP-Form:not(.LP-Form--inline) .LP-Form__Button {
|
||||
flex-basis: var(--fixedSize);
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
--fixedSize: 130px;
|
||||
}
|
||||
@media (max-width: 450px) {
|
||||
.LP-Form:not(.LP-Form--inline) .LP-Form__Button {
|
||||
flex-basis: var(--fixedSize);
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
--fixedSize: 100%;
|
||||
}
|
||||
}
|
||||
.LP-Form .LP-Form__Fieldset {
|
||||
max-width: 1200px;
|
||||
min-width: 750px;
|
||||
border: none;
|
||||
}
|
||||
@media (max-width: 750px) {
|
||||
.LP-Form .LP-Form__Fieldset {
|
||||
min-width: unset;
|
||||
}
|
||||
}
|
||||
.LP-Form .LP-Form__Legend {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Montserrat", Helvetica, sans-serif;
|
||||
font-size: 21px;
|
||||
}
|
||||
.LP-Form .LP-Form__Composition {
|
||||
display: flex;
|
||||
gap: var(--gap);
|
||||
gap: 10px;
|
||||
}
|
||||
@media (max-width: 650px) {
|
||||
.LP-Form .LP-Form__Composition--breakable {
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
}
|
||||
.LP-Form .LP-Form__Composition--buttons {
|
||||
justify-content: flex-end;
|
||||
gap: 20px;
|
||||
}
|
||||
.LP-Form .LP-Form__Field {
|
||||
flex-grow: 5;
|
||||
flex-shrink: 5;
|
||||
}
|
||||
.LP-Form .LP-Form__InfoText .LP-Paragraph {
|
||||
font-family: "Montserrat", Helvetica, sans-serif;
|
||||
color: #565656;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=main.css.map */
|
||||
|
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user