aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/organisms/forms/settings-form/settings-form.module.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/organisms/forms/settings-form/settings-form.module.scss')
-rw-r--r--src/components/organisms/forms/settings-form/settings-form.module.scss30
1 files changed, 30 insertions, 0 deletions
diff --git a/src/components/organisms/forms/settings-form/settings-form.module.scss b/src/components/organisms/forms/settings-form/settings-form.module.scss
new file mode 100644
index 0000000..88a71a7
--- /dev/null
+++ b/src/components/organisms/forms/settings-form/settings-form.module.scss
@@ -0,0 +1,30 @@
+@use "../../../../styles/abstracts/mixins" as mix;
+
+.form {
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: space-between;
+ row-gap: var(--spacing-xs);
+ column-gap: var(--spacing-lg);
+
+ @include mix.media("screen") {
+ @include mix.dimensions(null, "2xs", "height") {
+ row-gap: var(--spacing-2xs);
+ }
+ }
+}
+
+.item {
+ flex-basis: 100%;
+
+ > *:last-child {
+ flex-basis: 100%;
+ margin-inline-start: auto;
+
+ @include mix.media("screen") {
+ @include mix.dimensions("2xs") {
+ flex-basis: auto;
+ }
+ }
+ }
+}