Skip to content
This repository was archived by the owner on Feb 14, 2022. It is now read-only.

Commit 0c3c5da

Browse files
committed
Finish post
1 parent f451459 commit 0c3c5da

File tree

2 files changed

+11
-9
lines changed

2 files changed

+11
-9
lines changed

src/pages/tailwindcss-2-2/card.jpg

12 KB
Loading

src/pages/tailwindcss-2-2/index.mdx

+11-9
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import image from './card.jpg'
33

44
export const meta = {
55
title: 'Tailwind CSS v2.2',
6-
description: `An all-new CLI tool, before and after support, sibling selectors, selected text variants, and tons more.`,
6+
description: `An all-new high-performance CLI tool, ::before and ::after support, sibling selectors, selected text variants, and tons more.`,
77
date: '2021-06-17T14:00:00.000Z',
88
authors: [adamwathan],
99
image,
@@ -23,7 +23,7 @@ Well I can't say we were really planning on it but over the last few weeks we've
2323

2424
<div className="aspect-w-16 aspect-h-9 my-12">
2525
<iframe
26-
src="https://www.youtube.com/embed/3O_3X7InOw8"
26+
src="https://www.youtube.com/embed/DxcJbrs6rKk"
2727
frameBorder="0"
2828
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
2929
allowFullScreen
@@ -34,7 +34,7 @@ This has to be one of the most feature-rich Tailwind releases of all-time. Intro
3434

3535
Here are the highlights:
3636

37-
- [All-new improved Tailwind CLI](#all-new-improved-tailwind-cli)
37+
- [All-new high-performance Tailwind CLI](#all-new-high-performance-tailwind-cli)
3838
- [Before and after variants](#before-and-after-variants)
3939
- [First-letter/line variants](#first-letter-line-variants)
4040
- [Selected text variants](#selected-text-variants)
@@ -52,11 +52,13 @@ Here are the highlights:
5252

5353
For the full details, [check out the release notes](https://github.com/tailwindlabs/tailwindcss/releases/tag/v2.2.0) on GitHub.
5454

55+
It's important to note that although this is a minor release and there are no breaking changes in the classic engine, **Just-in-Time mode is still in preview and v2.2 introduces a few very small changes that might impact you**, so make sure you read through the [changes and deprecations](https://github.com/tailwindlabs/tailwindcss/releases/tag/v2.2.0#changes-and-deprecations) in the release notes when upgrading.
56+
5557
---
5658

57-
<a name="all-new-improved-tailwind-cli"></a>
59+
<a name="all-new-high-performance-tailwind-cli"></a>
5860

59-
## All-new improved Tailwind CLI
61+
## All-new high-performance Tailwind CLI
6062

6163
We've rewritten the Tailwind CLI tool from the ground-up with a performance-first mindset, while also adding support for a bunch of new features.
6264

@@ -315,7 +317,7 @@ We'll probably flesh this out even more over time as people discover new edge ca
315317

316318
Since Tailwind introduces a lot of non-standard CSS at-rules like `@tailwind` and `@apply`, you can often run into weird output when combining it with a PostCSS nesting plugin like `postcss-nested` or `postcss-nesting`.
317319

318-
To ease the pain here, we've released a new PostCSS plugin called [@tailwindcss/nesting](https://github.com/tailwindlabs/tailwindcss-nesting) that acts as a lightweight compatibility layer between existing nesting plugins and Tailwind itself.
320+
To ease the pain here, we've included a new PostCSS plugin in the `tailwindcss` package that acts as a lightweight compatibility layer between existing nesting plugins and Tailwind itself.
319321

320322
So if you need nesting support in your project, use our plugin, and stick it before Tailwind in your PostCSS plugin list:
321323

@@ -324,7 +326,7 @@ So if you need nesting support in your project, use our plugin, and stick it bef
324326
module.exports = {
325327
plugins: [
326328
// ...
327-
require('@tailwindcss/nesting'),
329+
require('tailwindcss/nesting'),
328330
require('tailwindcss'),
329331
// ...
330332
],
@@ -338,7 +340,7 @@ By default, it uses `postcss-nested` under the hood _(since that's what we use t
338340
module.exports = {
339341
plugins: [
340342
// ...
341-
require('@tailwindcss/nesting')(require('postcss-nesting')),
343+
require('tailwindcss/nesting')(require('postcss-nesting')),
342344
require('tailwindcss'),
343345
// ...
344346
],
@@ -532,4 +534,4 @@ To upgrade to Tailwind CSS v2.2, install the latest release from npm:
532534
npm install -D tailwindcss@latest
533535
```
534536

535-
Although this is a minor release and there are no breaking changes in the classic engine, Just-in-Time mode is still in preview and v2.2 introduces a few very small changes that might impact you, so make sure you read through the [changes and deprecations](#) in the release notes.
537+
If you are using the Just-in-Time mode preview, you'll also want to read through the [changes and deprecations](https://github.com/tailwindlabs/tailwindcss/releases/tag/v2.2.0#changes-and-deprecations) in the release notes.

0 commit comments

Comments
 (0)