From 1cdc73df2ae9101a2ed30a2ee190ea84ac3940e3 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Wed, 26 Nov 2025 12:01:32 +0100 Subject: [PATCH] FEATURE Handling a stroked after style variation --- resources/css/blocks/heading.css | 12 +++++++++++- resources/css/blocks/wp-block-heading.css | 9 +++++++++ 2 files changed, 20 insertions(+), 1 deletion(-) create mode 100644 resources/css/blocks/wp-block-heading.css diff --git a/resources/css/blocks/heading.css b/resources/css/blocks/heading.css index 68d7a6b..bc337dd 100644 --- a/resources/css/blocks/heading.css +++ b/resources/css/blocks/heading.css @@ -1,7 +1,7 @@ .carhop-heading { @apply pb-8; &__innerblocks { - @apply alignwide !mx-auto flex flex-col justify-center gap-6; + @apply alignwide !mx-auto flex flex-col justify-center gap-6 !my-0; } &--align-center { @@ -62,6 +62,16 @@ @apply !text-4xl fjalla !tracking-wider font-normal; } } + + &.is-style-stroked-after { + @apply flex items-end gap-4; + overflow-wrap: anywhere; + &:after { + @apply flex-auto border-b-2 border-primary border-solid mb-2; + content: ''; + display: block; + } + } } /* test */ diff --git a/resources/css/blocks/wp-block-heading.css b/resources/css/blocks/wp-block-heading.css new file mode 100644 index 0000000..97b4bcb --- /dev/null +++ b/resources/css/blocks/wp-block-heading.css @@ -0,0 +1,9 @@ +.wp-block-heading.is-style-stroked-after { + @apply flex items-end gap-2; + overflow-wrap: anywhere; + &:after { + @apply flex-auto border-b border-primary border-solid mb-2; + content: ''; + display: block; + } +}