Add a 'center/ line in grid layout

This commit is contained in:
Kuba Orlik 2026-08-10 16:05:59 +02:00
parent 117d09059e
commit 7807960a27

View File

@ -20,13 +20,11 @@
justify-content: center;
&:nth-child(1) {
grid-column-start: left-half-start;
grid-column-end: left-half-end;
grid-column: left-half;
}
&:nth-child(2) {
grid-column-start: right-half-start;
grid-column-end: right-half-end;
grid-column: right-half;
}
}
@ -44,6 +42,7 @@
&.split-view--bleed--bleed {
grid-column: bleed;
.split-view__half {
&:nth-child(1) {
grid-column-start: bleed-start;
@ -57,6 +56,7 @@
&.split-view--bleed-left--screen {
grid-column-start: screen-start;
.split-view__half {
&:nth-child(1) {
grid-column-start: screen-start;
@ -66,6 +66,7 @@
&.split-view--bleed-right--screen {
grid-column-end: screen-end;
.split-view__half {
&:nth-child(2) {
grid-column-end: screen-end;
@ -75,6 +76,7 @@
&.split-view--bleed-left--bleed {
grid-column-start: bleed-start;
.split-view__half {
&:nth-child(1) {
grid-column-start: bleed-start;
@ -84,6 +86,7 @@
&.split-view--bleed-right--bleed {
grid-column-end: bleed-end;
.split-view__half {
&:nth-child(2) {
grid-column-end: bleed-end;