Split custom base classes into partials

web/themes/custom/opdavies/assets/css/base/blockquote.pcss

@@ -0,0 +1,5 @@
+@layer base {
+  iframe {
+    @apply max-w-full
+  }
+}

web/themes/custom/opdavies/assets/css/base/forms.pcss

@@ -0,0 +1,5 @@
+@layer base {
+  input {
+    @apply dark:text-gray-900
+  }
+}

web/themes/custom/opdavies/assets/css/base/iframe.pcss

@@ -0,0 +1,13 @@
+@layer base {
+  h1, h2, h3 {
+    @apply font-bold
+  }
+    
+  h1 {
+    @apply text-3xl leading-normal
+  }
+    
+  h2 {
+    @apply text-2xl leading-normal
+  }
+}

web/themes/custom/opdavies/assets/css/base/images.pcss

@@ -0,0 +1,5 @@
+@layer base {
+  img {
+    @apply max-w-full h-auto
+  }
+}

web/themes/custom/opdavies/assets/css/base/links.pcss

@@ -0,0 +1,5 @@
+@layer base {
+  a {
+    @apply text-blue-500 no-underline hover:underline
+  }
+}

web/themes/custom/opdavies/assets/css/base/tables.pcss

@@ -0,0 +1,5 @@
+@layer base {
+  th {
+    @apply dark:text-white
+  }
+}

web/themes/custom/opdavies/assets/css/base/typography.pcss

@@ -0,0 +1,13 @@
+@layer base {
+  h1, h2, h3 {
+    @apply font-bold
+  }
+    
+  h1 {
+    @apply text-3xl leading-normal
+  }
+    
+  h2 {
+    @apply text-2xl leading-normal
+  }
+}

web/themes/custom/opdavies/assets/css/custom-base.pcss

@@ -1,35 +0,0 @@
-h1, h2, h3 {
-  @apply font-bold
-}
-
-h1 {
-  @apply text-3xl leading-normal
-}
-
-h2 {
-  @apply text-2xl leading-normal
-}
-
-img {
-  @apply max-w-full h-auto
-}
-
-a {
-  @apply text-blue-500 no-underline hover:underline
-}
-
-blockquote {
-  @apply pl-5 border-l-4 border-gray-200 italic dark:text-gray-200
-}
-
-iframe {
-  @apply max-w-full
-}
-
-input {
-  @apply dark:text-gray-900
-}
-
-th {
-  @apply dark:text-white
-}

web/themes/custom/opdavies/assets/css/tailwind.pcss

@@ -1,5 +1,5 @@
 @import 'tailwindcss/base';
-@import './custom-base.pcss';
+@import './base/*.pcss';
 
 @import 'tailwindcss/components';
 @import './components/*.pcss';