From 4309aac8c2d0638c373ac0a31ec1641eecdfbee8 Mon Sep 17 00:00:00 2001
From: Corey Lafferty <coreylafferty@gmail.com>
Date: Thu, 10 Aug 2023 12:51:09 -0400
Subject: [PATCH] adds clearfix as a utility class and adds it to wysiwyg
 component

---
 services/app/source/03-components/Wysiwyg/Wysiwyg.tsx | 6 +++++-
 services/app/source/06-utility/clearfix.css           | 6 ++++++
 services/app/source/06-utility/index.css              | 1 +
 3 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 services/app/source/06-utility/clearfix.css

diff --git a/services/app/source/03-components/Wysiwyg/Wysiwyg.tsx b/services/app/source/03-components/Wysiwyg/Wysiwyg.tsx
index bf190402..f904110e 100644
--- a/services/app/source/03-components/Wysiwyg/Wysiwyg.tsx
+++ b/services/app/source/03-components/Wysiwyg/Wysiwyg.tsx
@@ -7,7 +7,11 @@ interface WysiwygProps extends GessoComponent {
 }
 
 function Wysiwyg({ children, modifierClasses }: WysiwygProps): JSX.Element {
-  return <div className={clsx(modifierClasses)}>{children}</div>;
+  return (
+    <div className={clsx('c-wysiwyg u-clearfix', modifierClasses)}>
+      {children}
+    </div>
+  );
 }
 
 export default Wysiwyg;
diff --git a/services/app/source/06-utility/clearfix.css b/services/app/source/06-utility/clearfix.css
new file mode 100644
index 00000000..a0a11019
--- /dev/null
+++ b/services/app/source/06-utility/clearfix.css
@@ -0,0 +1,6 @@
+@import 'mixins';
+
+.clearfix,
+.u-clearfix {
+  @include clearfix();
+}
diff --git a/services/app/source/06-utility/index.css b/services/app/source/06-utility/index.css
index 8f9256f7..43e833df 100644
--- a/services/app/source/06-utility/index.css
+++ b/services/app/source/06-utility/index.css
@@ -1,4 +1,5 @@
 @layer utility {
   @import 'accessibility.css';
   @import 'alignment.css';
+  @import 'clearfix.css';
 }