Socialify

Folder ..

Viewing _pm-editableSection.scss 
30 lines (26 loc) • 544.0 B

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
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;
		}
	}
}