feat: more flexible form control spacing, some text utils whitelisted

source/css/molecules/form-field.pcss

@@ -17,14 +17,25 @@
     box-shadow: inset 0 2px 6px 0 rgba(0,0,0,.05);
   }
 
-  &,
-  &--row-items {
+  /* Allow bypass defualt positioning */
+  &:not(.form-field__wrapper--freeform) {
     .form-field__control + .form-field__control {
       @apply ml-4;
     }
   }
 
-  &--col-items {
+}
+
+@responsive {
+  .form-field__wrapper--row-items {
+    @apply flex-row;
+
+    .form-field__control + .form-field__control {
+      @apply ml-4 mt-0;
+    }
+  }
+
+  .form-field__wrapper--col-items {
     @apply flex-col;
 
     .form-field__control + .form-field__control {

tailwind.config.js

@@ -36,6 +36,8 @@ module.exports = {
         /^((sm|md|lg|xl)\:)?head-*/,
         /^((sm|md|lg|xl)\:)?clearfix/,
         /opacity-*/,
+        /^truncate/,
+        /^break-*/,
         /^duration-*/,
         /^max-w-*/,
         /ico--*/,