Preset classes: generate them like in the front-end (all classes per …

…color first) (#31218)
WordPress · Apr 27, 2021 · 329fe98 · 329fe98
1 parent 63e4ee9
commit 329fe98
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/edit-site/src/components/editor/global-styles-renderer.js b/packages/edit-site/src/components/editor/global-styles-renderer.js
@@ -64,9 +64,9 @@ function getBlockPresetClasses( blockSelector, blockPresets = {} ) {
 			if ( ! classes ) {
 				return declarations;
 			}
-			classes.forEach( ( { classSuffix, propertyName } ) => {
-				const presets = get( blockPresets, path, [] );
-				presets.forEach( ( preset ) => {
+			const presets = get( blockPresets, path, [] );
+			presets.forEach( ( preset ) => {
+				classes.forEach( ( { classSuffix, propertyName } ) => {
 					const slug = preset.slug;
 					const value = preset[ valueKey ];
 					const classSelectorToUse = `.has-${ slug }-${ classSuffix }`;