Merge pull request #17 from TailGrids/2.3

2.3

Author: shafiqhammad5

.DS_Store

@@ -30,14 +30,10 @@ Ensure you've installed [Node.js](https://nodejs.org) and [Tailwind CSS](https:/
 ```bash
 npm i tailgrids
 ```
-**2. Add the TailGrids plugin to your `tailwind.config.js` file:**
+**2. Add the TailGrids plugin to your `css` file:**
 
-```javascript
-module.exports = {
-  // Your existing Tailwind CSS configuration goes here
-
-  plugins: [require("tailgrids/plugin")],
-};
+```css
+@plugin 'tailgrids/plugin'
 ```
 **3. [Browse the components](https://tailgrids.com/components) and simply copy and paste the ones you like into your projects.**
 
@@ -61,6 +57,12 @@ and sharing with friends. If you like the the library consider purchasing the [P
 
 ## Changelog
 
+### Version 2.2.1
+(Mar, 2025)
+
+- Updated to Tailwind CSS v4
+
+
 ### Version 2.2.1
 (Aug, 2024)
 

README.md

@@ -47,18 +47,18 @@
         class="absolute left-0 top-0 -z-10 flex h-full w-full items-center justify-between space-x-5 md:space-x-8 lg:space-x-14"
       >
         <div
-          class="h-full w-1/3 bg-gradient-to-t from-[#FFFFFF14] to-[#C4C4C400]"
+          class="h-full w-1/3 bg-linear-to-t from-[#FFFFFF14] to-[#C4C4C400]"
         ></div>
         <div class="flex h-full w-1/3">
           <div
-            class="h-full w-1/2 bg-gradient-to-b from-[#FFFFFF14] to-[#C4C4C400]"
+            class="h-full w-1/2 bg-linear-to-b from-[#FFFFFF14] to-[#C4C4C400]"
           ></div>
           <div
-            class="h-full w-1/2 bg-gradient-to-t from-[#FFFFFF14] to-[#C4C4C400]"
+            class="h-full w-1/2 bg-linear-to-t from-[#FFFFFF14] to-[#C4C4C400]"
           ></div>
         </div>
         <div
-          class="h-full w-1/3 bg-gradient-to-b from-[#FFFFFF14] to-[#C4C4C400]"
+          class="h-full w-1/3 bg-linear-to-b from-[#FFFFFF14] to-[#C4C4C400]"
         ></div>
       </div>
     </section>

application/404/404-01.html

@@ -38,7 +38,7 @@
         <div class="-mx-4 flex flex-wrap">
           <div class="w-full px-4 md:w-1/2 lg:w-1/3">
             <div class="mb-10 w-full">
-              <div class="mb-8 overflow-hidden rounded">
+              <div class="mb-8 overflow-hidden rounded-sm">
                 <img
                   src="../images/blogs/blog-01/image-01.jpg"
                   alt="image"
@@ -47,7 +47,7 @@
               </div>
               <div>
                 <span
-                  class="mb-5 inline-block rounded bg-primary px-4 py-1 text-center text-xs font-semibold leading-loose text-white"
+                  class="mb-5 inline-block rounded-sm bg-primary px-4 py-1 text-center text-xs font-semibold leading-loose text-white"
                 >
                   Dec 22, 2023
                 </span>
@@ -68,7 +68,7 @@ <h3>
           </div>
           <div class="w-full px-4 md:w-1/2 lg:w-1/3">
             <div class="mb-10 w-full">
-              <div class="mb-8 overflow-hidden rounded">
+              <div class="mb-8 overflow-hidden rounded-sm">
                 <img
                   src="../images/blogs/blog-01/image-02.jpg"
                   alt="image"
@@ -77,7 +77,7 @@ <h3>
               </div>
               <div>
                 <span
-                  class="mb-5 inline-block rounded bg-primary px-4 py-1 text-center text-xs font-semibold leading-loose text-white"
+                  class="mb-5 inline-block rounded-sm bg-primary px-4 py-1 text-center text-xs font-semibold leading-loose text-white"
                 >
                   Mar 15, 2023
                 </span>
@@ -98,7 +98,7 @@ <h3>
           </div>
           <div class="w-full px-4 md:w-1/2 lg:w-1/3">
             <div class="mb-10 w-full">
-              <div class="mb-8 overflow-hidden rounded">
+              <div class="mb-8 overflow-hidden rounded-sm">
                 <img
                   src="../images/blogs/blog-01/image-03.jpg"
                   alt="image"
@@ -107,7 +107,7 @@ <h3>
               </div>
               <div>
                 <span
-                  class="mb-5 inline-block rounded bg-primary px-4 py-1 text-center text-xs font-semibold leading-loose text-white"
+                  class="mb-5 inline-block rounded-sm bg-primary px-4 py-1 text-center text-xs font-semibold leading-loose text-white"
                 >
                   Jan 05, 2023
                 </span>

application/blogs/blog-01.html

@@ -41,7 +41,7 @@
             Your Message Sent Successfully
           </h3>
           <span
-            class="mx-auto mb-6 inline-block h-1 w-[90px] rounded bg-primary"
+            class="mx-auto mb-6 inline-block h-1 w-[90px] rounded-sm bg-primary"
           ></span>
           <p
             class="mb-10 text-base leading-relaxed text-body-color dark:text-dark-6"