Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Adapting Form

Browse Source
This commit is contained in:
reverend
2021-10-24 18:28:09 +02:00
parent dd69cbbaaf
commit bbcbd19ef5
4 changed files with 96 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/03_Organisms/_organisms.scss
View File

@@ -3,7 +3,7 @@
@import 'placeList/placeList';
@import 'linkList/linkList';
@import 'footer/footer';
//@import 'form/form';
@import 'form/form';
//@import 'imageGrid/imageGrid';
//@import 'osmMap/osmMap';
//@import 'userProfile/userProfile';

23
components/03_Organisms/form/_form.scss
View File

@@ -16,7 +16,8 @@
}
.LP-Form__Button {
@include RV-FlexRow__Item--fixedSize(max-content);
@include RV-Flex__Item--fixedSize;
--fixed-size: max-content;
}
fieldset.LP-Form__Fieldset {
@@ -31,23 +32,25 @@
&:not(.LP-Form--inline) {
.LP-Form__Composition {
@media(max-width: $-viewport-extra-small) {
@include RV-FlexRow__Container--multiRow;
@include RV-Flex--wrap;
}
}
.LP-Form__Button {
@include RV-FlexRow__Item--fixedSize(130px);
@include RV-Flex__Item--fixedSize;
--fixedSize: 130px;
@media(max-width: $-viewport-extra-small) {
@include RV-FlexRow__Item--fixedSize(100%);
@include RV-Flex__Item--fixedSize;
--fixedSize: 100%;
}
}
}
.LP-Form__Fieldset {
@include RV-Reset;
max-width: 1200px;
min-width: $-viewport-medium;
border: none;
@media(max-width: $-viewport-medium) {
min-width: unset;
@@ -62,23 +65,23 @@
}
.LP-Form__Composition {
@include RV-FlexRow__Container;
@include RV-Spacing__Inner--small('');
@include RV-Flex;
gap: $-spacing-small;
&--breakable {
@media(max-width: $-viewport-small) {
@include RV-FlexRow__Container--multiRow;
@include RV-Flex--wrap;
}
}
&--buttons {
justify-content: flex-end;
@include RV-Spacing__Inner--small;
gap: 20px;
}
}
.LP-Form__Field {
@include RV-FlexRow__Item;
@include RV-Flex__Item;
}
.LP-Form__InfoText {