translate using-with-preprocessors #129
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
huibizhang
reviewed
Aug 17, 2021
|
|
||
| If you're using Tailwind for a brand new project and don't need to integrate it with any existing Sass/Less/Stylus stylesheets, you should highly consider relying on other PostCSS plugins to add the preprocessor features you use instead of using a separate preprocessor. | ||
| <!-- This has a few benefits: --> | ||
| 這樣有以下幾個好處: |
huibizhang
reviewed
Aug 17, 2021
| @@ -150,10 +150,10 @@ module.exports = { | |||
| ### 巢狀 | |||
|
|
|||
| <!-- To add support for nested declarations, we recommend our bundled `tailwindcss/nesting` plugin, which is a PostCSS plugin that wraps [postcss-nested](https://github.com/postcss/postcss-nested) or [postcss-nesting](https://github.com/jonathantneal/postcss-nesting) and acts as a compatibility layer to make sure your nesting plugin of choice properly understands Tailwind's custom syntax like `@apply` and `@screen`. --> | |||
| 為了替巢狀定義增加支持，我們建議使用我們綑綁的 `tailwindcss/nesting` 插件。此插件包了[postcss-nested](https://github.com/postcss/postcss-nested)或[postcss-nesting](https://github.com/jonathantneal/postcss-nesting)，且做為相容層以確保你選用的巢狀插件能充分了解 Tailwind 客製的語法，像 `@apply` and `@screen`。 | |||
| 為了替巢狀定義增加支持，我們建議使用我們綑綁的 `tailwindcss/nesting` 插件。此插件包了 [postcss-nested](https://github.com/postcss/postcss-nested)或[postcss-nesting](https://github.com/jonathantneal/postcss-nesting)，且做為相容層以確保你選用的巢狀插件能充分了解 Tailwind 客製的語法，像 `@apply` and `@screen`。 | |||
| @@ -168,10 +168,10 @@ module.exports = { | |||
| ``` | |||
|
|
|||
| <!-- By default, it uses the [postcss-nested](https://github.com/postcss/postcss-nested) plugin under the hood, which uses a Sass-like syntax and is the plugin that powers nesting support in the [Tailwind CSS plugin API](/docs/plugins#css-in-js-syntax). --> | |||
| 它使用了類-Sass 語法，事實上就是預設使用[postcss-nested](https://github.com/postcss/postcss-nested)插件，提供了[Tailwind CSS plugin API](/docs/plugins#css-in-js-syntax)的巢狀支持。 | |||
| 它使用了類-Sass 語法，事實上就是預設使用 [postcss-nested](https://github.com/postcss/postcss-nested)插件，提供了[Tailwind CSS plugin API](/docs/plugins#css-in-js-syntax)的巢狀支持。 | |||
|
|
||
| <!-- If you'd rather use [postcss-nesting](https://github.com/jonathantneal/postcss-nesting) (which is based on the work-in-progress [CSS Nesting](https://drafts.csswg.org/css-nesting-1/) specification), first install the plugin: --> | ||
| 如你寧可使用[postcss-nesting](https://github.com/jonathantneal/postcss-nesting)(以開發中的[CSS Nesting](https://drafts.csswg.org/css-nesting-1/)規範為基礎)，首先安裝: | ||
| 如你寧可使用 [postcss-nesting](https://github.com/jonathantneal/postcss-nesting)(以開發中的[CSS Nesting](https://drafts.csswg.org/css-nesting-1/)規範為基礎)，首先安裝： |
| @@ -246,13 +246,13 @@ You may also find that most of the things you've used variables for in the past | |||
| ``` | |||
|
|
|||
| <!-- Learn more about the `theme()` function in our [functions and directives documentation](/docs/functions-and-directives#theme); --> | |||
| 更多有關 `theme()` 函式的資訊，可參考[函式跟指令文件](/docs/functions-and-directives#theme)。 | |||
| 更多有關 `theme()` 函式的資訊，可參考 [函式跟指令文件](/docs/functions-and-directives#theme)。 | |||
| For the most cohesive development experience, it's recommended that you [use PostCSS exclusively](#using-post-css-as-your-preprocessor). | ||
| 為了得到最有系統的開發體驗，推薦你[唯一使用 PostCSS](#using-post-css-as-your-preprocessor) | ||
| <!-- For the most cohesive development experience, it's recommended that you [use PostCSS exclusively](#using-post-css-as-your-preprocessor). --> | ||
| 為了得到最有系統的開發體驗，推薦你 [唯一使用 PostCSS](#using-post-css-as-your-preprocessor) |
huibizhang
approved these changes
Aug 17, 2021
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.