fix: add more column order css (#3492)

kaeizen · web-flow · commit 5d50b4a3a5bd · 2025-05-24T22:42:33.000+08:00
diff --git a/src/block/columns/style.scss b/src/block/columns/style.scss
@@ -35,13 +35,13 @@
 // Target the stk-column-wrapper to also include blocks with column innerblocks
 // but are not columns (no stk-block-columns), like accordion and horizontal scroller.
 :where(.stk-block-columns) {
-	@for $i from 1 through 20 {
+	@for $i from 1 through 40 {
 		--stk-col-order-#{ $i }: #{ $i };
 	}
 }
 
 // Column order.
-@for $i from 1 through 20 {
+@for $i from 1 through 40 {
 	.stk-block-column:nth-child(#{ $i }) {
 		order: var(--stk-col-order-#{ $i }, initial);
 	}

Original file line number	Diff line number	Diff line change
`@@ -35,13 +35,13 @@`
`35`	`35`	`// Target the stk-column-wrapper to also include blocks with column innerblocks`
`36`	`36`	`// but are not columns (no stk-block-columns), like accordion and horizontal scroller.`
`37`	`37`	`:where(.stk-block-columns) {`
`38`		`- @for $i from 1 through 20 {`
	`38`	`+ @for $i from 1 through 40 {`
`39`	`39`	`--stk-col-order-#{ $i }: #{ $i };`
`40`	`40`	`}`
`41`	`41`	`}`
`42`	`42`
`43`	`43`	`// Column order.`
`44`		`-@for $i from 1 through 20 {`
	`44`	`+@for $i from 1 through 40 {`
`45`	`45`	`.stk-block-column:nth-child(#{ $i }) {`
`46`	`46`	`order: var(--stk-col-order-#{ $i }, initial);`
`47`	`47`	`}`