From a4836be9f51fd8653da9441a5eefb8327d99fbcc Mon Sep 17 00:00:00 2001
From: Fredrik Jonsson <frjo@xdeb.org>
Date: Wed, 16 Apr 2025 08:36:45 +0200
Subject: [PATCH] Component extend adjustment.

---
 assets/sass/components/clearfix/_clearfix.scss | 3 ++-
 assets/sass/components/overlay/_overlay.scss   | 3 ++-
 assets/sass/components/tags/_tags.scss         | 3 +--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/assets/sass/components/clearfix/_clearfix.scss b/assets/sass/components/clearfix/_clearfix.scss
index b728772..e630049 100644
--- a/assets/sass/components/clearfix/_clearfix.scss
+++ b/assets/sass/components/clearfix/_clearfix.scss
@@ -3,7 +3,8 @@
 // Allows the bottom of an element to extend to the bottom of all floated child
 // elements. See http://nicolasgallagher.com/micro-clearfix-hack/
 
-.clearfix {
+.clearfix,
+%clearfix {
   &::before {
     content: '';
     display: table;
diff --git a/assets/sass/components/overlay/_overlay.scss b/assets/sass/components/overlay/_overlay.scss
index acabc6d..4da1f94 100644
--- a/assets/sass/components/overlay/_overlay.scss
+++ b/assets/sass/components/overlay/_overlay.scss
@@ -1,4 +1,5 @@
-.overlay {
+.overlay,
+%overlay {
   --color-overlay: var(--color-black-20);
   --color-overlay2: var(--color-black-10);
   border-image: linear-gradient(var(--color-overlay), var(--color-overlay2)) fill 1;
diff --git a/assets/sass/components/tags/_tags.scss b/assets/sass/components/tags/_tags.scss
index 432849d..2cc63ce 100644
--- a/assets/sass/components/tags/_tags.scss
+++ b/assets/sass/components/tags/_tags.scss
@@ -1,5 +1,4 @@
-.tags,
-%tags {
+.tags {
   ul {
     @extend %flex-inline;
     @extend %flex-inline--inline;