From a837b19bac44d52d3f35ecfbd65687000c66d1d9 Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Thu, 4 Dec 2025 17:01:56 +0100
Subject: [PATCH] STYLE Add custom video block styles with stacked background
 variant

---
 resources/css/blocks/variants.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 resources/css/blocks/variants.css

diff --git a/resources/css/blocks/variants.css b/resources/css/blocks/variants.css
new file mode 100644
index 0000000..a43ded6
--- /dev/null
+++ b/resources/css/blocks/variants.css
@@ -0,0 +1,22 @@
+.block-custom-video.is-style-stacked-background,
+.wp-block-embed.is-style-stacked-background {
+  @apply relative z-10;
+  > * {
+    @apply z-10;
+  }
+
+  .wp-block-embed__wrapper {
+    @apply p-4 bg-white border border-primary;
+  }
+  &:after {
+    @apply content-[''] absolute inset-0 bg-white border border-primary w-full h-full top-0 left-0;
+    z-index: 0;
+    transform: translate(16px, 40px) rotate(-4deg);
+    background: linear-gradient(
+          var(--wp--preset--color--primary),
+          var(--wp--preset--color--primary)
+        )
+        center/calc(100% - 30px) calc(100% - 30px) no-repeat,
+      white;
+  }
+}