lostplaces-frontend/components/03_Organisms/form/_form.scss

58 lines
1021 B
SCSS
Raw Normal View History

2020-07-31 16:54:59 +02:00
.LP-Form{
2020-08-12 18:29:08 +02:00
2020-08-25 15:55:02 +02:00
.LP-Form__Fieldset{
@include RV-Reset;
max-width: 1200px;
min-width: $-viewport-medium;
@media(max-width: $-viewport-medium){
min-width: unset;
2020-08-21 12:08:51 +02:00
}
}
2020-08-25 15:55:02 +02:00
.LP-Form__Legend{
2020-08-21 12:08:51 +02:00
margin: 0;
2020-08-25 15:55:02 +02:00
padding: 0;
font-family: $-primary-sans-serif-font;
font-size: 21px;
2020-08-21 12:08:51 +02:00
}
2020-08-12 18:29:08 +02:00
2020-08-25 15:55:02 +02:00
.LP-Form__Composition{
@include RV-FlexRow__Container;
@include RV-Spacing__Inner--small('');
2020-07-31 16:54:59 +02:00
2020-08-25 15:55:02 +02:00
&--breakable {
@media(max-width: $-viewport-small){
@include RV-FlexRow__Container--multiRow;
2020-08-21 12:08:51 +02:00
}
2020-08-25 15:55:02 +02:00
}
2020-07-31 16:54:59 +02:00
2020-08-25 15:55:02 +02:00
@media(max-width: $-viewport-extra-small){
@include RV-FlexRow__Container--multiRow;
2020-08-21 12:08:51 +02:00
}
2020-08-12 18:29:08 +02:00
2020-08-21 12:08:51 +02:00
&--buttons{
justify-content: flex-end;
2020-08-25 15:55:02 +02:00
@include RV-Spacing__Inner--small;
2020-08-21 12:08:51 +02:00
}
2020-08-25 15:55:02 +02:00
}
2020-08-12 18:29:08 +02:00
2020-08-25 15:55:02 +02:00
.LP-Form__Field{
@include RV-FlexRow__Item;
}
2020-08-12 18:29:08 +02:00
2020-08-25 15:55:02 +02:00
.LP-Form__Button{
@include RV-FlexRow__Item--fixedSize(130px);
@media(max-width: $-viewport-extra-small) {
@include RV-FlexRow__Item--fixedSize(100%);
2020-08-21 12:08:51 +02:00
}
2020-08-25 15:55:02 +02:00
}
.LP-Form__InfoText{
.LP-Paragraph{
font-family: $-primary-sans-serif-font;
color: $-grey;
2020-08-21 12:08:51 +02:00
}
}
2020-07-31 16:54:59 +02:00
}