Merge pull request #52 from forumone/add-clearfix-class

adds clearfix as a utility class and adds it to wysiwyg component

Author: kmonahan

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;

services/app/source/06-utility/clearfix.css

@@ -0,0 +1,6 @@
+@import 'mixins';
+
+.clearfix,
+.u-clearfix {
+  @include clearfix();
+}

services/app/source/06-utility/index.css

@@ -1,5 +1,6 @@
 @layer utility {
   @import 'accessibility.css';
   @import 'alignment.css';
+  @import 'clearfix.css';
   @import 'spacing.css';
 }