72 lines
1.2 KiB
SCSS
72 lines
1.2 KiB
SCSS
.LP-Form{
|
|
|
|
&--inline {
|
|
.LP-Form__Legend, .LP-Input__Label {
|
|
display: none;
|
|
}
|
|
|
|
.LP-Form__Button {
|
|
@include RV-FlexRow__Item--fixedSize(max-content);
|
|
}
|
|
}
|
|
|
|
&:not(.LP-Form--inline){
|
|
.LP-Form__Composition {
|
|
@media(max-width: $-viewport-extra-small){
|
|
@include RV-FlexRow__Container--multiRow;
|
|
}
|
|
}
|
|
|
|
.LP-Form__Button {
|
|
@include RV-FlexRow__Item--fixedSize(130px);
|
|
|
|
@media(max-width: $-viewport-extra-small) {
|
|
@include RV-FlexRow__Item--fixedSize(100%);
|
|
}
|
|
}
|
|
}
|
|
|
|
.LP-Form__Fieldset{
|
|
@include RV-Reset;
|
|
max-width: 1200px;
|
|
min-width: $-viewport-medium;
|
|
|
|
@media(max-width: $-viewport-medium){
|
|
min-width: unset;
|
|
}
|
|
}
|
|
|
|
.LP-Form__Legend{
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: $-primary-sans-serif-font;
|
|
font-size: 21px;
|
|
}
|
|
|
|
.LP-Form__Composition{
|
|
@include RV-FlexRow__Container;
|
|
@include RV-Spacing__Inner--small('');
|
|
|
|
&--breakable {
|
|
@media(max-width: $-viewport-small){
|
|
@include RV-FlexRow__Container--multiRow;
|
|
}
|
|
}
|
|
|
|
&--buttons{
|
|
justify-content: flex-end;
|
|
@include RV-Spacing__Inner--small;
|
|
}
|
|
}
|
|
|
|
.LP-Form__Field{
|
|
@include RV-FlexRow__Item;
|
|
}
|
|
|
|
.LP-Form__InfoText{
|
|
.LP-Paragraph{
|
|
font-family: $-primary-sans-serif-font;
|
|
color: $-grey;
|
|
}
|
|
}
|
|
} |