changed box shadow class for Welcome block, fixed styles for alert

Author: Yulyaswan

docs/index.md

@@ -11,7 +11,7 @@
 
 Welcome to the official ExpressionEngine Docs! In addition to the documentation, there are a number of resources linked below that will help you learn how to master ExpressionEngine.
 
-<div id="welcome-introduce" class="max-w-full mx-auto p-8 lg:p-10 bg-white rounded-lg shadow-black flex mt-12 flex-wrap lg:flex-nowrap">
+<div id="welcome-introduce" class="max-w-full mx-auto p-8 lg:p-10 bg-white rounded-lg shadow-custom-black flex mt-12 flex-wrap lg:flex-nowrap">
     <div class="w-64 h-64 mr-10 flex-shrink-0 mb-4 lg:mb-0">
         <img src="_images/welcome-image.svg" width="max-w-full mb-0">
     </div>

tailwind.config.js

@@ -39,7 +39,7 @@ module.exports = {
         '20': '1.25rem',
       },
       boxShadow: {
-        'black': '0 2px 25px rgba(0,0,0,0.1)',
+        'custom-black': '0 2px 25px rgba(0,0,0,0.1)',
       },
       lineHeight: {
         '61': '3.6875rem',

theme/_assets/default.min.css

@@ -4439,7 +4439,7 @@ html {
   text-decoration-line: underline !important;
 }
 
-.shadow-black {
+.shadow-custom-black {
   --tw-shadow: 0 2px 25px rgba(0,0,0,0.1) !important;
   --tw-shadow-colored: 0 2px 25px var(--tw-shadow-color) !important;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;

theme/_assets/tailwind.min.css

@@ -9,6 +9,12 @@
     color: rgb(84, 78, 114);
     line-height: 1.5;
     margin-bottom: 20px;
+    display: block;
+    background: none;
+
+    & > * {
+        display: initial;
+    }
 
     .alert__title {
         .font-accent;