Change to balance instead of pretty

Balance is used for shorter line numbers
vercel · Dec 11, 2023 · ad5b9fd · ad5b9fd
1 parent eff515c
commit ad5b9fd
Show file tree

Hide file tree

Showing 12 changed files with 16 additions and 16 deletions.
diff --git a/examples/app-dir-mdx/app/page.module.css b/examples/app-dir-mdx/app/page.module.css
@@ -70,7 +70,7 @@
   font-size: 0.9rem;
   line-height: 1.5;
   max-width: 34ch;
-  text-wrap: pretty;
+  text-wrap: balance;
 }
 
 .center {

diff --git a/examples/with-storybook/app/page.module.css b/examples/with-storybook/app/page.module.css
@@ -70,7 +70,7 @@
   font-size: 0.9rem;
   line-height: 1.5;
   max-width: 30ch;
-  text-wrap: pretty;
+  text-wrap: balance;
 }
 
 .center {

diff --git a/packages/create-next-app/templates/app-tw/js/app/globals.css b/packages/create-next-app/templates/app-tw/js/app/globals.css
@@ -27,7 +27,7 @@ body {
 }
 
 @layer utilities {
-  .text-pretty {
-    text-wrap: pretty;
+  .text-balance {
+    text-wrap: balance;
   }
 }
diff --git a/packages/create-next-app/templates/app-tw/js/app/page.js b/packages/create-next-app/templates/app-tw/js/app/page.js
@@ -103,7 +103,7 @@ export default function Home() {
               -&gt;
             </span>
           </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-pretty`}>
+          <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-balance`}>
             Instantly deploy your Next.js site to a shareable URL with Vercel.
           </p>
         </a>

diff --git a/packages/create-next-app/templates/app-tw/ts/app/globals.css b/packages/create-next-app/templates/app-tw/ts/app/globals.css
@@ -27,7 +27,7 @@ body {
 }
 
 @layer utilities {
-  .text-pretty {
-    text-wrap: pretty;
+  .text-balance {
+    text-wrap: balance;
   }
 }
diff --git a/packages/create-next-app/templates/app-tw/ts/app/page.tsx b/packages/create-next-app/templates/app-tw/ts/app/page.tsx
@@ -103,7 +103,7 @@ export default function Home() {
               -&gt;
             </span>
           </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-pretty`}>
+          <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-balance`}>
             Instantly deploy your Next.js site to a shareable URL with Vercel.
           </p>
         </a>

diff --git a/packages/create-next-app/templates/app/js/app/page.module.css b/packages/create-next-app/templates/app/js/app/page.module.css
@@ -70,7 +70,7 @@
   font-size: 0.9rem;
   line-height: 1.5;
   max-width: 30ch;
-  text-wrap: pretty;
+  text-wrap: balance;
 }
 
 .center {

diff --git a/packages/create-next-app/templates/app/ts/app/page.module.css b/packages/create-next-app/templates/app/ts/app/page.module.css
@@ -70,7 +70,7 @@
   font-size: 0.9rem;
   line-height: 1.5;
   max-width: 30ch;
-  text-wrap: pretty;
+  text-wrap: balance;
 }
 
 .center {

diff --git a/packages/create-next-app/templates/default-tw/js/pages/index.js b/packages/create-next-app/templates/default-tw/js/pages/index.js
@@ -108,7 +108,7 @@ export default function Home() {
               -&gt;
             </span>
           </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-pretty`}>
+          <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-balance`}>
             Instantly deploy your Next.js site to a shareable URL with Vercel.
           </p>
         </a>

diff --git a/packages/create-next-app/templates/default-tw/js/styles/globals.css b/packages/create-next-app/templates/default-tw/js/styles/globals.css
@@ -27,7 +27,7 @@ body {
 }
 
 @layer utilities {
-  .text-pretty {
-    text-wrap: pretty;
+  .text-balance {
+    text-wrap: balance;
   }
 }
diff --git a/packages/create-next-app/templates/default-tw/ts/pages/index.tsx b/packages/create-next-app/templates/default-tw/ts/pages/index.tsx
@@ -108,7 +108,7 @@ export default function Home() {
               -&gt;
             </span>
           </h2>
-          <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-pretty`}>
+          <p className={`m-0 max-w-[30ch] text-sm opacity-50 text-balance`}>
             Instantly deploy your Next.js site to a shareable URL with Vercel.
           </p>
         </a>

diff --git a/packages/create-next-app/templates/default-tw/ts/styles/globals.css b/packages/create-next-app/templates/default-tw/ts/styles/globals.css
@@ -27,7 +27,7 @@ body {
 }
 
 @layer utilities {
-  .text-pretty {
-    text-wrap: pretty;
+  .text-balance {
+    text-wrap: balance;
   }
 }