1 files changed, 30 insertions, 0 deletions
diff --git a/templates/@theme-base/pm-styles/_pm-editableSection.scss b/templates/@theme-base/pm-styles/_pm-editableSection.scss
new file mode 100644
index 0000000..b629c41
--- /dev/null
+++ b/templates/@theme-base/pm-styles/_pm-editableSection.scss
@@ -0,0 +1,30 @@
+@import '~design-system/_sass/reusable-components/_design-system-config.scss';
+
+.editableSection-container {
+	grid-template-columns: min-content minmax(5em, 1fr);
+	> .border-bottom {
+		padding-bottom: 1em;
+	}
+
+	> :not(.border-bottom) {
+		margin-top: 1em;
+	}
+
+	// not enough place
+	&--sizeTablet {
+		@include respond-to(780) {
+			--label-width: 15em;
+		}
+	}
+
+	@include respond-to($breakpoint-small) {
+		grid-template-columns: auto;
+		gap: .5em;
+		> .onmobile-pb0 {
+			padding-bottom: 0;
+		}
+		> :not(.border-bottom) {
+			margin-top: 0;
+		}
+	}
+}