update docs

Author: nicolas-cusan

README.md

@@ -1,6 +1,8 @@
-# [Tailwind clamp](https://nicolas-cusan.github.io/tailwind-clamp/)
+# [Tailwind clamp 🗜️](https://nicolas-cusan.github.io/tailwind-clamp/)
 
-Leverage the CSS `clamp` function in your [Tailwind CSS](https://tailwindcss.com/) project.
+**Fluid interfaces. From mobile to desktop.**
+
+[Tailwind CSS](https://tailwindcss.com/) plugin to build responsive interfaces that scale smoothly using CSS `clamp()` without breakpoint micromanagement.
 
 ## Features
 
@@ -28,7 +30,7 @@ npm i tailwind-clamp
 Add the plugin in your main CSS file:
 
 ```css
-@import 'tailwindcss';
+@import "tailwindcss";
 @plugin "tailwind-clamp";
 ```
 
@@ -44,10 +46,10 @@ The plugin allows two configuration options:
 Value should be a css length (`px`, `rem`, `em`). The unit for both options need to match.
 
 ```css
-@import 'tailwindcss';
+@import "tailwindcss";
 @plugin "tailwind-clamp" {
-  minsize: 25rem;
-  maxsize: 80rem;
+  minSize: 25rem;
+  maxSize: 80rem;
 }
 ```
 
@@ -87,8 +89,7 @@ All spacing and sizing properties (`p`, `m`, `w`, etc.) accept unitless numbers
 
 ```html
 <div class="clamp-[p,1,2]">
-  This will generate a `padding` value of `1rem` at `minSize` and `2rem` at
-  `maxSize`.
+  This will generate a `padding` value of `1rem` at `minSize` and `2rem` at `maxSize`.
 </div>
 ```
 
@@ -209,26 +210,27 @@ npm i tailwind-clamp-merge
 ```
 
 ```js
+
 const twMerge = extendTailwindMerge(withTailwindClamp);
 ```
 
 This teaches tailwind-merge that `clamp-[p,1,3]` belongs to the same class group as `p-4`, so conflicts are resolved correctly:
 
 ```js
-twMerge('p-4 clamp-[p,1,3]');
+twMerge('p-4 clamp-[p,1,3]')
 // => 'clamp-[p,1,3]'
 
-twMerge('clamp-[p,1,3] p-4');
+twMerge('clamp-[p,1,3] p-4')
 // => 'p-4'
 
-twMerge('text-lg clamp-[text,lg,3xl]');
+twMerge('text-lg clamp-[text,lg,3xl]')
 // => 'clamp-[text,lg,3xl]'
 
 // Hierarchical conflicts work too
-twMerge('px-4 py-2 clamp-[p,1,3]');
+twMerge('px-4 py-2 clamp-[p,1,3]')
 // => 'clamp-[p,1,3]'
 
-twMerge('w-4 h-8 clamp-[size,10,20]');
+twMerge('w-4 h-8 clamp-[size,10,20]')
 // => 'clamp-[size,10,20]'
 ```
 
@@ -242,4 +244,4 @@ See also [fluid.tw](https://fluid.tw/) by [Max Barvian](https://barvian.me/).
 
 ## License
 
-MIT
+MIT

packages/docs/src/content/docs.mdx

@@ -8,7 +8,6 @@ import Note from '../components/Note.astro';
 import ResizeDemo from '../components/ResizeDemo.astro';
 
 <Conditional target="md">
-
   # [Tailwind clamp 🗜️](https://nicolas-cusan.github.io/tailwind-clamp/)
 
   **Fluid interfaces. From mobile to desktop.**

packages/tailwind-clamp/README.md

@@ -1,6 +1,8 @@
 # [Tailwind clamp 🗜️](https://nicolas-cusan.github.io/tailwind-clamp/)
 
-Leverage the the CSS `clamp` function in your [Tailwind CSS](https://tailwindcss.com/) project.
+**Fluid interfaces. From mobile to desktop.**
+
+[Tailwind CSS](https://tailwindcss.com/) plugin to build responsive interfaces that scale smoothly using CSS `clamp()` without breakpoint micromanagement.
 
 ## Features