Component extend adjustment.

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;

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;

assets/sass/components/tags/_tags.scss

@@ -1,5 +1,4 @@
-.tags,
-%tags {
+.tags {
   ul {
     @extend %flex-inline;
     @extend %flex-inline--inline;