Skip to content

Commit e2dda55

Browse files
codamscodams
authored
The fox example should be a pangram (tailwindlabs#967)
* fix: from jumps over to jumped over * fix: fix spelling for pangram * fix: missed one fox
1 parent f48419d commit e2dda55

File tree

10 files changed

+62
-62
lines changed

10 files changed

+62
-62
lines changed

‎src/pages/docs/font-size.mdx‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -24,55 +24,55 @@ Control the font size of an element using the `text-{size}` utilities.
2424
<dl class="text-violet-600">
2525
<div class="flex items-start">
2626
<dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-3">xs</dt>
27-
<dd class="truncate text-xs font-medium">The quick brown fox jumped over the lazy dog.</dd>
27+
<dd class="truncate text-xs font-medium">The quick brown fox jumps over the lazy dog.</dd>
2828
</div>
2929
<div class="mt-6 flex items-start">
3030
<dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-4">sm</dt>
31-
<dd class="truncate text-sm font-medium">The quick brown fox jumped over the lazy dog.</dd>
31+
<dd class="truncate text-sm font-medium">The quick brown fox jumps over the lazy dog.</dd>
3232
</div>
3333
<div class="mt-6 flex items-start">
3434
<dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-5">base</dt>
35-
<dd class="truncate text-base font-medium">The quick brown fox jumped over the lazy dog.</dd>
35+
<dd class="truncate text-base font-medium">The quick brown fox jumps over the lazy dog.</dd>
3636
</div>
3737
<div class="mt-6 flex items-start">
3838
<dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-6">lg</dt>
39-
<dd class="truncate text-lg font-medium">The quick brown fox jumped over the lazy dog.</dd>
39+
<dd class="truncate text-lg font-medium">The quick brown fox jumps over the lazy dog.</dd>
4040
</div>
4141
<div class="mt-6 flex items-start">
4242
<dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-6">xl</dt>
43-
<dd class="truncate text-xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
43+
<dd class="truncate text-xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
4444
</div>
4545
<div class="mt-8 flex items-start">
4646
<dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-6">2xl</dt>
47-
<dd class="truncate text-2xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
47+
<dd class="truncate text-2xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
4848
</div>
4949
<div class="mt-10 flex items-start">
5050
<dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-6">3xl</dt>
51-
<dd class="truncate text-3xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
51+
<dd class="truncate text-3xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
5252
</div>
5353
<div class="mt-10 flex items-start">
5454
<dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-6">4xl</dt>
55-
<dd class="truncate text-4xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
55+
<dd class="truncate text-4xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
5656
</div>
5757
<div class="mt-10 flex items-start">
5858
<dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-7">5xl</dt>
59-
<dd class="truncate text-5xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
59+
<dd class="truncate text-5xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
6060
</div>
6161
<div class="mt-10 flex items-start">
6262
<dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-8">6xl</dt>
63-
<dd class="truncate text-6xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
63+
<dd class="truncate text-6xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
6464
</div>
6565
<div class="mt-10 flex items-start">
6666
<dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-10">7xl</dt>
67-
<dd class="truncate text-7xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
67+
<dd class="truncate text-7xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
6868
</div>
6969
<div class="mt-10 flex items-start">
7070
<dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-10">8xl</dt>
71-
<dd class="truncate text-8xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
71+
<dd class="truncate text-8xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
7272
</div>
7373
<div class="mt-8 flex items-start">
7474
<dt class="w-16 flex-shrink-0 text-sm text-violet-600 text-opacity-50 font-mono leading-10">9xl</dt>
75-
<dd class="truncate text-9xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
75+
<dd class="truncate text-9xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
7676
</div>
7777
</dl>
7878
</template>
@@ -97,7 +97,7 @@ Control the font size of an element using the `text-{size}` utilities.
9797
To control the font size of an element at a specific breakpoint, add a `{screen}:` prefix to any existing font size utility. For example, use `md:text-lg` to apply the `text-lg` utility at only medium screen sizes and above.
9898

9999
```html
100-
<p class="text-base **md:text-lg** ...">The quick brown fox jumped over the lazy dog.</p>
100+
<p class="text-base **md:text-lg** ...">The quick brown fox jumps over the lazy dog.</p>
101101
```
102102

103103
For more information about Tailwind's responsive design features, check out the [Responsive Design](/docs/responsive-design) documentation.

‎src/pages/docs/font-smoothing.mdx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ Use the `subpixel-antialiased` utility to render text using subpixel antialiasin
2020

2121
```html lightBlue
2222
<template preview>
23-
<p class="subpixel-antialiased text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
23+
<p class="subpixel-antialiased text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
2424
</template>
2525

2626
<p class="**subpixel-antialiased** ...">The quick brown fox ...</p>
@@ -32,7 +32,7 @@ Use the `antialiased` utility to render text using grayscale antialiasing.
3232

3333
```html emerald
3434
<template preview>
35-
<p class="antialiased text-lg text-emerald-800">The quick brown fox jumped over the lazy dog.</p>
35+
<p class="antialiased text-lg text-emerald-800">The quick brown fox jumps over the lazy dog.</p>
3636
</template>
3737

3838
<p class="**antialiased** ...">The quick brown fox ...</p>
@@ -44,7 +44,7 @@ To control the font smoothing of an element at a specific breakpoint, add a `{sc
4444

4545
```html
4646
<p class="antialiased sm:subpixel-antialiased **md:antialiased** ...">
47-
The quick brown fox jumped over the lazy dog.
47+
The quick brown fox jumps over the lazy dog.
4848
</p>
4949
```
5050

‎src/pages/docs/font-style.mdx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ Use the `italic` utility to make text italic.
2020

2121
```html emerald
2222
<template preview>
23-
<p class="italic text-xl text-emerald-800">The quick brown fox jumped over the lazy dog.</p>
23+
<p class="italic text-xl text-emerald-800">The quick brown fox jumps over the lazy dog.</p>
2424
</template>
2525

2626
<p class="**italic** ...">The quick brown fox ...</p>
@@ -32,7 +32,7 @@ Use the `not-italic` utility to display text normally. This is typically used to
3232

3333
```html amber
3434
<template preview>
35-
<p class="not-italic text-xl text-amber-800">The quick brown fox jumped over the lazy dog.</p>
35+
<p class="not-italic text-xl text-amber-800">The quick brown fox jumps over the lazy dog.</p>
3636
</template>
3737

3838
<p class="**not-italic** ...">The quick brown fox ...</p>
@@ -44,7 +44,7 @@ To control the font style of an element at a specific breakpoint, add a `{screen
4444

4545
```html
4646
<p class="italic **md:not-italic** ...">
47-
The quick brown fox jumped over the lazy dog.
47+
The quick brown fox jumps over the lazy dog.
4848
</p>
4949
```
5050

‎src/pages/docs/font-weight.mdx‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -23,39 +23,39 @@ Control the font weight of an element using the `font-{weight}` utilities.
2323
<dl class="text-light-blue-600 space-y-6">
2424
<div class="flex items-start">
2525
<dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">thin</dt>
26-
<dd class="text-xl font-thin">The quick brown fox jumped over the lazy dog.</dd>
26+
<dd class="text-xl font-thin">The quick brown fox jumps over the lazy dog.</dd>
2727
</div>
2828
<div class="flex items-start">
2929
<dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">extralight</dt>
30-
<dd class="text-xl font-extralight">The quick brown fox jumped over the lazy dog.</dd>
30+
<dd class="text-xl font-extralight">The quick brown fox jumps over the lazy dog.</dd>
3131
</div>
3232
<div class="flex items-start">
3333
<dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">light</dt>
34-
<dd class="text-xl font-light">The quick brown fox jumped over the lazy dog.</dd>
34+
<dd class="text-xl font-light">The quick brown fox jumps over the lazy dog.</dd>
3535
</div>
3636
<div class="flex items-start">
3737
<dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">normal</dt>
38-
<dd class="text-xl font-normal">The quick brown fox jumped over the lazy dog.</dd>
38+
<dd class="text-xl font-normal">The quick brown fox jumps over the lazy dog.</dd>
3939
</div>
4040
<div class="flex items-start">
4141
<dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">medium</dt>
42-
<dd class="text-xl font-medium">The quick brown fox jumped over the lazy dog.</dd>
42+
<dd class="text-xl font-medium">The quick brown fox jumps over the lazy dog.</dd>
4343
</div>
4444
<div class="flex items-start">
4545
<dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">semibold</dt>
46-
<dd class="text-xl font-semibold">The quick brown fox jumped over the lazy dog.</dd>
46+
<dd class="text-xl font-semibold">The quick brown fox jumps over the lazy dog.</dd>
4747
</div>
4848
<div class="flex items-start">
4949
<dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">bold</dt>
50-
<dd class="text-xl font-bold">The quick brown fox jumped over the lazy dog.</dd>
50+
<dd class="text-xl font-bold">The quick brown fox jumps over the lazy dog.</dd>
5151
</div>
5252
<div class="flex items-start">
5353
<dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">extrabold</dt>
54-
<dd class="text-xl font-extrabold">The quick brown fox jumped over the lazy dog.</dd>
54+
<dd class="text-xl font-extrabold">The quick brown fox jumps over the lazy dog.</dd>
5555
</div>
5656
<div class="flex items-start">
5757
<dt class="w-32 text-right pr-6 flex-shrink-0 text-sm text-light-blue-600 text-opacity-50 font-mono leading-7">black</dt>
58-
<dd class="text-xl font-black">The quick brown fox jumped over the lazy dog.</dd>
58+
<dd class="text-xl font-black">The quick brown fox jumps over the lazy dog.</dd>
5959
</div>
6060
</dl>
6161
</template>
@@ -76,7 +76,7 @@ Control the font weight of an element using the `font-{weight}` utilities.
7676
To control the font weight of an element at a specific breakpoint, add a `{screen}:` prefix to any existing font weight utility. For example, use `md:font-bold` to apply the `font-bold` utility at only medium screen sizes and above.
7777

7878
```html
79-
<p class="font-normal **md:font-bold** ...">The quick brown fox jumped over the lazy dog.</p>
79+
<p class="font-normal **md:font-bold** ...">The quick brown fox jumps over the lazy dog.</p>
8080
```
8181

8282
For more information about Tailwind's responsive design features, check out the [Responsive Design](/docs/responsive-design) documentation.

‎src/pages/docs/letter-spacing.mdx‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -22,27 +22,27 @@ Control the letter spacing of an element using the `tracking-{size}` utilities.
2222
<template preview>
2323
<div class="mb-6">
2424
<p class="mb-1 text-sm text-light-blue-600">.tracking-tighter</p>
25-
<p class="tracking-tighter text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
25+
<p class="tracking-tighter text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
2626
</div>
2727
<div class="mb-6">
2828
<p class="mb-1 text-sm text-light-blue-600">.tracking-tight</p>
29-
<p class="tracking-tight text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
29+
<p class="tracking-tight text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
3030
</div>
3131
<div class="mb-6">
3232
<p class="mb-1 text-sm text-light-blue-600">.tracking-normal</p>
33-
<p class="tracking-normal text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
33+
<p class="tracking-normal text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
3434
</div>
3535
<div class="mb-6">
3636
<p class="mb-1 text-sm text-light-blue-600">.tracking-wide</p>
37-
<p class="tracking-wide text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
37+
<p class="tracking-wide text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
3838
</div>
3939
<div class="mb-6">
4040
<p class="mb-1 text-sm text-light-blue-600">.tracking-wider</p>
41-
<p class="tracking-wider text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
41+
<p class="tracking-wider text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
4242
</div>
4343
<div>
4444
<p class="mb-1 text-sm text-light-blue-600">.tracking-widest</p>
45-
<p class="tracking-widest text-lg text-light-blue-800">The quick brown fox jumped over the lazy dog.</p>
45+
<p class="tracking-widest text-lg text-light-blue-800">The quick brown fox jumps over the lazy dog.</p>
4646
</div>
4747
</template>
4848

@@ -59,7 +59,7 @@ Control the letter spacing of an element using the `tracking-{size}` utilities.
5959
To control the letter spacing of an element at a specific breakpoint, add a `{screen}:` prefix to any existing letter spacing utility. For example, use `md:tracking-wide` to apply the `tracking-wide` utility at only medium screen sizes and above.
6060

6161
```html
62-
<p class="tracking-tight **md:tracking-wide** ...">The quick brown fox jumped over the lazy dog.</p>
62+
<p class="tracking-tight **md:tracking-wide** ...">The quick brown fox jumps over the lazy dog.</p>
6363
```
6464

6565
For more information about Tailwind's responsive design features, check out the [Responsive Design](/docs/responsive-design) documentation.

‎src/pages/docs/text-color.mdx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ Control the text color of an element using the `text-{color}` utilities.
3434
```html
3535
<template preview>
3636
<p class="text-purple-600 text-center text-xl font-semibold truncate">
37-
The quick brown fox jumped over the lazy dog.
37+
The quick brown fox jumps over the lazy dog.
3838
</p>
3939
</template>
4040

@@ -48,11 +48,11 @@ Control the opacity of an element's text color using the `text-opacity-{amount}`
4848
```html
4949
<template preview>
5050
<div class="space-y-4">
51-
<p class="font-semibold text-xl text-purple-700 text-opacity-100">The quick brown fox jumped over the lazy dog.</p>
52-
<p class="font-semibold text-xl text-purple-700 text-opacity-75">The quick brown fox jumped over the lazy dog.</p>
53-
<p class="font-semibold text-xl text-purple-700 text-opacity-50">The quick brown fox jumped over the lazy dog.</p>
54-
<p class="font-semibold text-xl text-purple-700 text-opacity-25">The quick brown fox jumped over the lazy dog.</p>
55-
<p class="font-semibold text-xl text-purple-700 text-opacity-0">The quick brown fox jumped over the lazy dog.</p>
51+
<p class="font-semibold text-xl text-purple-700 text-opacity-100">The quick brown fox jumps over the lazy dog.</p>
52+
<p class="font-semibold text-xl text-purple-700 text-opacity-75">The quick brown fox jumps over the lazy dog.</p>
53+
<p class="font-semibold text-xl text-purple-700 text-opacity-50">The quick brown fox jumps over the lazy dog.</p>
54+
<p class="font-semibold text-xl text-purple-700 text-opacity-25">The quick brown fox jumps over the lazy dog.</p>
55+
<p class="font-semibold text-xl text-purple-700 text-opacity-0">The quick brown fox jumps over the lazy dog.</p>
5656
</div>
5757
</template>
5858

‎src/pages/docs/text-decoration.mdx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ Use the `underline` utility to underline text.
2020

2121
```html fuchsia
2222
<template preview>
23-
<p class="underline text-xl text-fuchsia-600">The quick brown fox jumped over the lazy dog.</p>
23+
<p class="underline text-xl text-fuchsia-600">The quick brown fox jumps over the lazy dog.</p>
2424
</template>
2525

2626
<p class="**underline** ...">The quick brown fox ...</p>
@@ -32,7 +32,7 @@ Use the `line-through` utility to strike out text.
3232

3333
```html rose
3434
<template preview>
35-
<p class="line-through text-xl text-rose-600">The quick brown fox jumped over the lazy dog.</p>
35+
<p class="line-through text-xl text-rose-600">The quick brown fox jumps over the lazy dog.</p>
3636
</template>
3737

3838
<p class="**line-through** ...">The quick brown fox ...</p>
@@ -58,7 +58,7 @@ To control the text decoration of an element at a specific breakpoint, add a `{s
5858

5959
```html
6060
<p class="no-underline **md:underline** ...">
61-
The quick brown fox jumped over the lazy dog.
61+
The quick brown fox jumps over the lazy dog.
6262
</p>
6363
```
6464

‎src/pages/docs/text-opacity.mdx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -17,11 +17,11 @@ Control the opacity of an element's text color using the `text-opacity-{amount}`
1717
```html
1818
<template preview>
1919
<div class="space-y-4">
20-
<p class="font-semibold text-xl text-purple-700 text-opacity-100">The quick brown fox jumped over the lazy dog.</p>
21-
<p class="font-semibold text-xl text-purple-700 text-opacity-75">The quick brown fox jumped over the lazy dog.</p>
22-
<p class="font-semibold text-xl text-purple-700 text-opacity-50">The quick brown fox jumped over the lazy dog.</p>
23-
<p class="font-semibold text-xl text-purple-700 text-opacity-25">The quick brown fox jumped over the lazy dog.</p>
24-
<p class="font-semibold text-xl text-purple-700 text-opacity-0">The quick brown fox jumped over the lazy dog.</p>
20+
<p class="font-semibold text-xl text-purple-700 text-opacity-100">The quick brown fox jumps over the lazy dog.</p>
21+
<p class="font-semibold text-xl text-purple-700 text-opacity-75">The quick brown fox jumps over the lazy dog.</p>
22+
<p class="font-semibold text-xl text-purple-700 text-opacity-50">The quick brown fox jumps over the lazy dog.</p>
23+
<p class="font-semibold text-xl text-purple-700 text-opacity-25">The quick brown fox jumps over the lazy dog.</p>
24+
<p class="font-semibold text-xl text-purple-700 text-opacity-0">The quick brown fox jumps over the lazy dog.</p>
2525
</div>
2626
</template>
2727

‎src/pages/docs/text-transform.mdx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ Use the `normal-case` utility to preserve the original casing. This is typically
2020

2121
```html emerald
2222
<template preview>
23-
<p class="normal-case text-xl text-emerald-600">The quick brown fox jumped over the lazy dog.</p>
23+
<p class="normal-case text-xl text-emerald-600">The quick brown fox jumps over the lazy dog.</p>
2424
</template>
2525

2626
<p class="**normal-case** ...">The quick brown fox ...</p>
@@ -32,7 +32,7 @@ Use the `uppercase` utility to uppercase text.
3232

3333
```html purple
3434
<template preview>
35-
<p class="uppercase text-xl text-purple-600">The quick brown fox jumped over the lazy dog.</p>
35+
<p class="uppercase text-xl text-purple-600">The quick brown fox jumps over the lazy dog.</p>
3636
</template>
3737

3838
<p class="**uppercase** ...">The quick brown fox ...</p>
@@ -44,7 +44,7 @@ Use the `lowercase` utility to lowercase text.
4444

4545
```html rose
4646
<template preview>
47-
<p class="lowercase text-xl text-rose-600">The quick brown fox jumped over the lazy dog.</p>
47+
<p class="lowercase text-xl text-rose-600">The quick brown fox jumps over the lazy dog.</p>
4848
</template>
4949

5050
<p class="**lowercase** ...">The quick brown fox ...</p>
@@ -56,7 +56,7 @@ Use the `capitalize` utility to capitalize text.
5656

5757
```html fuchsia
5858
<template preview>
59-
<p class="capitalize text-xl text-fuchsia-600">The quick brown fox jumped over the lazy dog.</p>
59+
<p class="capitalize text-xl text-fuchsia-600">The quick brown fox jumps over the lazy dog.</p>
6060
</template>
6161

6262
<p class="**capitalize** ...">The quick brown fox ...</p>
@@ -68,7 +68,7 @@ To control the text transformation of an element at a specific breakpoint, add a
6868

6969
```html
7070
<p class="capitalize **md:uppercase** ...">
71-
The quick brown fox jumped over the lazy dog.
71+
The quick brown fox jumps over the lazy dog.
7272
</p>
7373
```
7474

0 commit comments

Comments
 (0)