@shrutibalasa/tailwind-grid-auto-fit - npm Package Compare versions

Comparing version 1.0.2 to 1.1.0

index.js

@@ -15,2 +15,3 @@ const plugin = require('tailwindcss/plugin')
       gridAutoFit: {
+         'DEFAULT': '16rem',
          'xs': '12rem',
@@ -17,0 +18,0 @@ 'sm': '14rem',

package.json

 {
   "name": "@shrutibalasa/tailwind-grid-auto-fit",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "Tailwind CSS utility classes for creating responsive grid columns without media queries using auto fit.",
@@ -12,6 +12,12 @@ "main": "index.js",
   "devDependencies": {
-      "tailwindcss": "^3.0.0"
-   },
+    "tailwindcss": "^3.0.0"
+  },
   "repository": "https://github.com/ThirusOfficial/tailwind-grid-auto-fit",
-  "keywords": ["tailwind css", "grid auto fit", "responsive grid", "resposive grid layout in Tailwind CSS", "Tailwind CSS Grid utility classes"]
+  "keywords": [
+    "tailwind css",
+    "grid auto fit",
+    "responsive grid",
+    "resposive grid layout in Tailwind CSS",
+    "Tailwind CSS Grid utility classes"
+  ]
 }

README.md

@@ -29,6 +29,6 @@ # Grid Auto Fit for Tailwind CSS
 
-Use the class `grid-auto-fit-*` along with `grid` class to create a responsive grid layout.
+Use the class `grid-auto-fit` along with `grid` class to create a responsive grid layout.
 
 ```
-<section class="grid gap-4 grid-auto-fit-sm">
+<section class="grid gap-4 grid-auto-fit">
    <div class="p-4 bg-blue-100 rounded-md">
@@ -58,13 +58,13 @@ Item 1
 
-## Choosing a grid item size
+## Changing the grid item size
 
-This plugin includes five item sizes by default
+Use utilities like `.grid-auto-fit-sm`, `.grid-auto-fit-xl` to change the minimum and maximum item size of the responsive grid. This plugin includes five item sizes with the default minimum size being 16rem.
 
-| Class              | Minimum item width |
-| ------------------ | ------------------ |
-| `grid-auto-fit-xs` | `12rem`            |
-| `grid-auto-fit-sm` | `14rem`            |
-| `grid-auto-fit-md` | `16rem`            |
-| `grid-auto-fit-lg` | `18rem`            |
-| `grid-auto-fit-xl` | `20rem`            |
+| Class                                 | Minimum item width |
+| ------------------------------------- | ------------------ |
+| `grid-auto-fit-xs`                    | `12rem`            |
+| `grid-auto-fit-sm`                    | `14rem`            |
+| `grid-auto-fit` or `grid-auto-fit-md` | `16rem`            |
+| `grid-auto-fit-lg`                    | `18rem`            |
+| `grid-auto-fit-xl`                    | `20rem`            |
 
@@ -71,0 +71,0 @@ ## Arbitrary values

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3274

increased by11.59%

Lines of code

25

increased by4.17%

No dependency changes