Remove tw-prefix

web/themes/custom/opdavies/tailwind.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  prefix: 'tw-',
+  prefix: '',
   important: true,
   theme: {
     extend: {},

web/themes/custom/opdavies/templates/block/block--system-branding-block.html.twig

@@ -14,15 +14,15 @@
  */
 #}
 {% block content %}
-  <div class="tw-flex tw-items-center">
-    {% if site_logo %}
-      <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home" class="site-logo tw-mr-2">
-        <img src="{{ site_logo }}" alt="{{ 'Home'|t }}" />
-      </a>
-    {% endif %}
+    <div class="flex items-center">
+        {% if site_logo %}
+            <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home" class="site-logo mr-2">
+                <img src="{{ site_logo }}" alt="{{ 'Home'|t }}"/>
+            </a>
+        {% endif %}
     {% if site_name %}
-      <div class="site-name tw-text-2xl">
-        <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a>
+        <div class="site-name text-2xl">
+            <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a>
       </div>
     {% endif %}
     {% if site_slogan %}

web/themes/custom/opdavies/templates/layout/page.html.twig

@@ -45,7 +45,7 @@
  * @ingroup themeable
  */
 #}
-<div class="tw-container tw-mx-auto tw-p-4">
+<div class="container mx-auto p-4">
 
   <header role="banner">
     {{ page.header }}
@@ -63,19 +63,19 @@
   <main role="main">
     <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
 
-    <div class="md:tw-flex tw--mx-4">
-      <div class="md:tw-flex-1 tw-p-4">
+    <div class="md:flex -mx-4">
+      <div class="md:flex-1 p-4">
         {{ page.content }}
       </div>{# /.layout-content #}
 
       {% if page.sidebar_first %}
-        <aside class="md:tw-w-1/4 tw-p-4" role="complementary">
+        <aside class="md:w-1/4 p-4" role="complementary">
           {{ page.sidebar_first }}
         </aside>
       {% endif %}
 
       {% if page.sidebar_second %}
-        <aside class="md:tw-w-1/4" role="complementary">
+        <aside class="md:w-1/4" role="complementary">
           {{ page.sidebar_second }}
         </aside>
       {% endif %}