move mixins that generate css to utilities.less with different class names, but the same mixins

less/mixins.less

@@ -9,7 +9,7 @@
 // Clearfix
 // --------
 // For clearing floats like a boss h5bp.com/q
-.clearfix {
+.clearfix() {
   &:before,
   &:after {
     display: table;
@@ -77,7 +77,7 @@
 // CSS image replacement
 // -------------------------
 // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
-.hide-text {
+.hide-text() {
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
@@ -125,7 +125,7 @@
 // --------------------------------------------------
 
 // Block level inputs
-.input-block-level {
+.input-block-level() {
   display: block;
   width: 100%;
   min-height: @inputHeight; // Make inputs at least the height of their button counterpart (base line-height + padding + border)

less/utilities.less

@@ -3,7 +3,12 @@
 // --------------------------------------------------
 
 
-// Quick floats
+// Floats
+// -------------------------
+
+.clear {
+  .clearfix();
+}
 .pull-right {
   float: right;
 }
@@ -11,20 +16,35 @@
   float: left;
 }
 
+
 // Toggling content
+// -------------------------
+
 .hide {
   display: none;
 }
 .show {
   display: block;
 }
-
-// Visibility
 .invisible {
   visibility: hidden;
 }
+.text-hide {
+  .hide-text();
+}
+
 
 // For Affix plugin
+// -------------------------
+
 .affix {
   position: fixed;
 }
+
+
+// Forms
+// -------------------------
+
+.control-block-level {
+  .input-block-level();
+}