Update blog card styles

inc2734 · Apr 3, 2024 · 7f3e610 · 7f3e610
1 parent c081189
commit 7f3e610
Show file tree

Hide file tree

Showing 7 changed files with 22 additions and 78 deletions.
diff --git a/composer.lock b/composer.lock
diff --git a/src/css/app/object/component/_wp-oembed-blog-card/_app.scss b/src/css/app/object/component/_wp-oembed-blog-card/_app.scss
@@ -6,13 +6,12 @@
 	--wp-oembed-blog-card--padding: var(--_padding-1);
 	--wp-oembed-blog-card--box-shadow: 0 0 35px 0 rgba(0, 0, 0, .1);
 	--wp-oembed-blog-card--box-shadow--hover: 0 7px 35px 0 rgba(0, 0, 0, .15);
+	--wp-oembed-blog-card--content--gap: var(--_margin-2);
 
 	@include _media-min(md) {
 		--wp-oembed-blog-card--gap: var(--_margin1);
-	}
-
-	@include _media-min(lg) {
 		--wp-oembed-blog-card--padding: var(--_padding1);
+		--wp-oembed-blog-card--content--gap: var(--_margin-1);
 	}
 }
 
@@ -33,24 +32,12 @@
 	}
 }
 
-.is-provider-wp-oembed-blog-card,
-.is-provider-wp-oembed-blog-card-handler,
-.wp-block-embed:not([class*="is-provider-"]):not([data-type="core/embed"]),
-[data-resizable-iframe-connected] > div > .wp-oembed-blog-card {
+.is-provider-wp-oembed-blog-card .wp-block-embed__wrapper,
+.wp-oembed-blog-card {
 	@include custom-properties();
-
-	.wp-block-embed__wrapper {
-		@include wrapper();
-	}
-
-	.wp-oembed-blog-card {
-		@include wp-oembed-blog-card();
-	}
+	@include wrapper();
 }
 
-// For classic editor made.
-:not(.wp-block-embed__wrapper) > .wp-oembed-blog-card {
-	@include custom-properties();
-	@include wrapper();
+.wp-oembed-blog-card {
 	@include wp-oembed-blog-card();
 }
diff --git a/src/css/wp-oembed-blog-card-variations/bgcolor-accent.scss b/src/css/wp-oembed-blog-card-variations/bgcolor-accent.scss
@@ -3,14 +3,7 @@
 	--wp-oembed-blog-card--color: var(--wp--preset--color--sm-text-alt);
 }
 
-.is-provider-wp-oembed-blog-card,
-.is-provider-wp-oembed-blog-card-handler,
-.wp-block-embed:not([class*="is-provider-"]):not([data-type="core/embed"]),
-[data-resizable-iframe-connected] > div > .wp-oembed-blog-card {
-	@include custom-properties();
-}
-
-// For classic editor made.
-:not(.wp-block-embed__wrapper) > .wp-oembed-blog-card {
+.is-provider-wp-oembed-blog-card .wp-block-embed__wrapper,
+.wp-oembed-blog-card {
 	@include custom-properties();
 }
diff --git a/src/css/wp-oembed-blog-card-variations/border-accent.scss b/src/css/wp-oembed-blog-card-variations/border-accent.scss
@@ -4,14 +4,7 @@
 	--wp-oembed-blog-card--box-shadow--hover: none;
 }
 
-.is-provider-wp-oembed-blog-card,
-.is-provider-wp-oembed-blog-card-handler,
-.wp-block-embed:not([class*="is-provider-"]):not([data-type="core/embed"]),
-[data-resizable-iframe-connected] > div > .wp-oembed-blog-card {
-	@include custom-properties();
-}
-
-// For classic editor made.
-:not(.wp-block-embed__wrapper) > .wp-oembed-blog-card {
+.is-provider-wp-oembed-blog-card .wp-block-embed__wrapper,
+.wp-oembed-blog-card {
 	@include custom-properties();
 }
diff --git a/src/css/wp-oembed-blog-card-variations/dark.scss b/src/css/wp-oembed-blog-card-variations/dark.scss
@@ -3,14 +3,7 @@
 	--wp-oembed-blog-card--color: var(--wp--preset--color--sm-text-alt);
 }
 
-.is-provider-wp-oembed-blog-card,
-.is-provider-wp-oembed-blog-card-handler,
-.wp-block-embed:not([class*="is-provider-"]):not([data-type="core/embed"]),
-[data-resizable-iframe-connected] > div > .wp-oembed-blog-card {
-	@include custom-properties();
-}
-
-// For classic editor made.
-:not(.wp-block-embed__wrapper) > .wp-oembed-blog-card {
+.is-provider-wp-oembed-blog-card .wp-block-embed__wrapper,
+.wp-oembed-blog-card {
 	@include custom-properties();
 }
diff --git a/src/css/wp-oembed-blog-card-variations/media.scss b/src/css/wp-oembed-blog-card-variations/media.scss
@@ -19,19 +19,11 @@
 	}
 }
 
-.is-provider-wp-oembed-blog-card,
-.is-provider-wp-oembed-blog-card-handler,
-.wp-block-embed:not([class*="is-provider-"]):not([data-type="core/embed"]),
-[data-resizable-iframe-connected] > div > .wp-oembed-blog-card {
+.is-provider-wp-oembed-blog-card .wp-block-embed__wrapper,
+.wp-oembed-blog-card {
 	@include custom-properties();
-
-	.wp-oembed-blog-card {
-		@include wp-oembed-blog-card();
-	}
 }
 
-// For classic editor made.
-:not(.wp-block-embed__wrapper) > .wp-oembed-blog-card {
-	@include custom-properties();
+.wp-oembed-blog-card {
 	@include wp-oembed-blog-card();
 }
diff --git a/src/css/wp-oembed-blog-card-variations/simple.scss b/src/css/wp-oembed-blog-card-variations/simple.scss
@@ -1,4 +1,4 @@
-@mixin wp-oembed-blog-card() {
+.wp-oembed-blog-card {
 	&__figure {
 		display: none;
 	}
@@ -7,17 +7,3 @@
 		display: none;
 	}
 }
-
-.is-provider-wp-oembed-blog-card,
-.is-provider-wp-oembed-blog-card-handler,
-.wp-block-embed:not([class*="is-provider-"]):not([data-type="core/embed"]),
-[data-resizable-iframe-connected] > div > .wp-oembed-blog-card {
-	.wp-oembed-blog-card {
-		@include wp-oembed-blog-card();
-	}
-}
-
-// For classic editor made.
-:not(.wp-block-embed__wrapper) > .wp-oembed-blog-card {
-	@include wp-oembed-blog-card();
-}