Expose .copyleft, whitelist few classes

source/css/style.pcss

@@ -101,7 +101,11 @@ a.icon-link:hover {
   @apply hidden;
 }
 
-/**
- * Custom utilities
- */
-@import "./utils.pcss";
+.copyleft {
+  transform: matrix(-1, 0, 0, 1, 0, 0) !important;
+}
+
+.inline-block-nogap {
+  /* Avoid gaps between inline-block elements */
+  font-size: 0;
+}

source/css/utils.pcss

-.copyleft {
-  transform: matrix(-1, 0, 0, 1, 0, 0) !important;
-}
-
-.inline-block-nogap {
-  /* Avoid gaps between inline-block elements */
-  font-size: 0;
-}

tailwind.config.js

@@ -17,17 +17,22 @@ module.exports = {
     options: {
       whitelistPatterns: [
         /^((sm|md|lg|xl)\:)?w-\d\d?/,
+        /^((sm|md|lg|xl)\:)?w-screen/,
         /^((sm|md|lg|xl)\:)?h-\d\d?/,
+        /^((sm|md|lg|xl)\:)?h-screen/,
         /^((sm|md|lg|xl)\:)?m.?-\d\d?/,
+        /^((sm|md|lg|xl)\:)?m.?-auto?/,
         /^((sm|md|lg|xl)\:)?p.?-\d\d?/,
         /^((sm|md|lg|xl)\:)?grid-cols-*/,
         /^((sm|md|lg|xl)\:)?col-span-*/,
         /^((sm|md|lg|xl)\:)?row-span-*/,
-        /^((sm|md|lg|xl)\:)?grid-flow-*/, // grid flow
+        /^((sm|md|lg|xl)\:)?float-*/,
+        /^((sm|md|lg|xl)\:)?grid-flow-*/,
         /^((sm|md|lg|xl)\:)?head-*/,
+        /^((sm|md|lg|xl)\:)?clearfix/,
         /^text-*/,
-        /^max-w-*/, // maximum width
-        /ico--*/, // icons
+        /^max-w-*/,
+        /ico--*/,
       ],
     }
   },