Remove mixins for clarfix and overlay, make them only components. Add a new wrap component.

assets/sass/components/clearfix/_clearfix.scss

@@ -3,7 +3,15 @@
 // 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 {
-  @include clearfix();
+.clearfix {
+  &::before {
+    content: '';
+    display: table;
+  }
+
+  &::after {
+    content: '';
+    display: table;
+    clear: both;
+  }
 }