Merge branch 'feat/size-control-steps' of https://github.com/gambitph/Stackable into feat/size-control-steps

Author: Arukuen

e2e/tests/global-settings.spec.ts

@@ -78,7 +78,7 @@ test.describe( 'Global Settings', () => {
 		expect( _count ).toBeLessThan( count )
 	} )
 
-	test( 'Global Typography Styles should be applied when adding a heading', async ( {
+	test.skip( 'Global Typography Styles should be applied when adding a heading', async ( {
 		page,
 		editor,
 	} ) => {

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);
 	}

src/welcome/admin.js

@@ -1171,6 +1171,8 @@ const GlobalSettings = props => {
 									props.handleSettingsChange( { stackable_use_size_presets_by_default: value } ) // eslint-disable-line camelcase
 								} }
 								help={ __( 'If enabled, range controls will be on preset mode by default.', i18n ) }
+								disabled={ __( 'Use custom values', i18n ) }
+								enabled={ __( 'Use presets', i18n ) }
 							/>
 						</div>
 					}