PR comments

functions.php

@@ -59,9 +59,9 @@ function design_system_include_block_style_variations( $dir_path ) {
  *
  * @param array $settings Default editor settings.
  */
-function example_theme_restrict_locking_ui( $settings ) {
+function dswp_restrict_locking_unlocking_blocks( $settings ) {
     $settings['canLockBlocks'] = current_user_can( 'activate_plugins' );
 
 	return $settings;
 }
-add_filter( 'block_editor_settings_all', 'example_theme_restrict_locking_ui', 10, 2 );
+add_filter( 'block_editor_settings_all', 'dswp_restrict_locking_unlocking_blocks', 10, 2 );

patterns/dswp-horizonal-card.php

@@ -25,8 +25,8 @@
 <h5 class="wp-block-heading" style="margin-top:0;margin-bottom:0">Neque porro quisquam</h5>
 <!-- /wp:heading -->
 
-<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
-<p style="font-size:16px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi bibendum rhoncus aliquam. Morbi at libero pellentesque, fermentum erat at, tincidunt nunc. Proin pulvinar turpis vel turpis maximus fermentum. Phasellus ut sagittis nisi, vel accumsan velit.</p>
+<!-- wp:paragraph -->
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi bibendum rhoncus aliquam. Morbi at libero pellentesque, fermentum erat at, tincidunt nunc. Proin pulvinar turpis vel turpis maximus fermentum. Phasellus ut sagittis nisi, vel accumsan velit.</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:spacer {"height":"0.5rem"} -->

src/styles/patterns/dswp-large-image-text.scss

@@ -4,17 +4,11 @@
 
 		img {
 			width: 100% !important;
-		}
-	}
-
-}
 
-@media (min-width: $break-mobile) and (max-width: $break-medium) {
-
-	.dswp-large-image-text {
-
-		img {
-			padding: 4rem !important;
+			// Apply padding only for the mobile range
+			@media (min-width: $break-mobile) {
+				padding: 4rem !important;
+			}
 		}
 	}
 }
@@ -39,7 +33,7 @@
 		height: 222px;
 		border-radius: 8px 0 0 8px;
 		padding: 1rem;
-		background: #faf9f8;
+		background: var(--dswp-theme-gray-10);
 	}
 
 	:where(figure) {

src/styles/variables.scss

@@ -32,6 +32,7 @@
 	--dswp-icons-color-success: var(--bcds-icons-color-success);
 	--dswp-icons-color-warning: var(--bcds-icons-color-warning);
 	--dswp-surface-color-border-default: var(--bcds-surface-color-border-default);
+	--dswp-theme-gray-10: var(--bcds-theme-gray-10);
 	// Layout
 	--dswp-layout-content-size: 1200px;
 	--dswp-layout-padding-none: var(--bcds-layout-padding-none);