fixed tailwind alert boxes issues

Author: Andy McCormick

tailwind.config.js

@@ -3,7 +3,7 @@ const colors = require('tailwindcss/colors')
 
 module.exports = {
   important: true,
-  content: ['./docs/**/*.{md,html,js}'],
+  content: ['./docs/**/*.{md,html,js}','./build/**/*.{md,html,js}'],
   darkMode: 'media', // or 'media' or 'class'
   theme: {
     fontFamily: {

theme/_assets/default.min.css

@@ -26,31 +26,26 @@
     }   
 }
 
-//override for Daisy UI alerts
-.alert>:where(*) {
-    display: inline-block;
-}
-
-
-.alert--hint {
+//extra specific to override DaisyUI alert class
+.alert.alert--hint {
     .alert(rgb(91, 189, 71), rgb(247, 255, 246));
 }
 
-.alert--success {
+.alert.alert--success {
     .alert(rgb(91, 189, 71));
 }
 
-.alert--warn {
+.alert.alert--warn {
     .alert(rgb(255, 195, 15));
 }
 
-.alert--error {
+.alert.alert--error {
     .alert(#FA5252);
 }
 
-.alert--empty {
+.alert.alert--empty {
     .alert(rgb(85, 127, 216));
 
     text-align: center;
     border-style: dashed;
-}
+}

theme/assets-src/styles/_alerts.less

@@ -14,6 +14,12 @@
 @import "./fontawesome/less/brands.less";
 @import "./fontawesome/less/solid.less";
 
+// Tailwind Components
+
+@import (inline) "./_tailwind.css";
+@import (inline) "./_tailwind_build.css";
+
+
 @import "./variables.less";
 
 @import (inline) "./modern-normalize.css";
@@ -29,9 +35,4 @@
 @import "./_code-parameter.less";
 @import "./_code-example.less";
 @import "./_alerts.less";
-@import "./_welcome.less";
-
-// Tailwind Components
-
-@import (inline) "./_tailwind.css";
-@import (inline) "./_tailwind_build.css";
+@import "./_welcome.less";