article block: organise styles by core block

2026-02-04 13:55:13 +00:00
parent 040f0cf464
commit 4c38753830
8 changed files with 234 additions and 138 deletions
--- a/resources/views/blocks/article/css/_base.scss
+++ b/resources/views/blocks/article/css/_base.scss
@@ -0,0 +1,21 @@
+@use "sass:math";
+
+@use "../../../../css/global/variables/breakpoints";
+@use "../../../../css/global/variables/spacing";
+@use "../../../../css/global/variables/colours";
+@use "../../../../css/global/fonts";
+
+.wp-block-badegg-article {
+  container-name: BadEggArticle;
+  container-type: inline-size;
+
+  > .container > [class^="wp-block-"]:not(.wp-block-heading) {
+    margin: spacing.$innerLarge auto;
+  }
+
+  .is-layout-flex {
+    display: flex;
+    flex-wrap: wrap;
+    gap: spacing.$gap;
+  }
+}