kuba/strona-czynna
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add a 'center/ line in grid layout

Browse Source
This commit is contained in:
Kuba Orlik 2026-08-10 16:05:59 +02:00
parent 117d09059e
commit 7807960a27
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/back/jdd-components/split-view/split-view.css
View File

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