diff options
Diffstat (limited to 'node_modules/postcss-nested/README.md')
| -rw-r--r-- | node_modules/postcss-nested/README.md | 53 |
1 files changed, 26 insertions, 27 deletions
diff --git a/node_modules/postcss-nested/README.md b/node_modules/postcss-nested/README.md index 7e78ec88..c65988d7 100644 --- a/node_modules/postcss-nested/README.md +++ b/node_modules/postcss-nested/README.md @@ -8,25 +8,25 @@ ```css .phone { - &_title { - width: 500px; - @media (max-width: 500px) { - width: auto; - } - body.is_dark & { - color: white; - } + &_title { + width: 500px; + @media (max-width: 500px) { + width: auto; } - img { - display: block; + body.is_dark & { + color: white; } + } + img { + display: block; + } } .title { font-size: var(--font); @at-root html { - --font: 16px + --font: 16px; } } ``` @@ -35,39 +35,39 @@ will be processed to: ```css .phone_title { - width: 500px; + width: 500px; } @media (max-width: 500px) { - .phone_title { - width: auto; - } + .phone_title { + width: auto; + } } body.is_dark .phone_title { - color: white; + color: white; } .phone img { - display: block; + display: block; } .title { font-size: var(--font); } html { - --font: 16px + --font: 16px; } ``` Related plugins: -* Use [`postcss-current-selector`] **after** this plugin if you want +- Use [`postcss-current-selector`] **after** this plugin if you want to use current selector in properties or variables values. -* Use [`postcss-nested-ancestors`] **before** this plugin if you want +- Use [`postcss-nested-ancestors`] **before** this plugin if you want to reference any ancestor element directly in your selectors with `^&`. Alternatives: -* See also [`postcss-nesting`], which implements [CSSWG draft]. -* [`postcss-nested-props`] for nested properties like `font-size`. +- See also [`postcss-nesting`], which implements [CSSWG draft]. +- [`postcss-nested-props`] for nested properties like `font-size`. <a href="https://evilmartians.com/?utm_source=postcss-nested"> <img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg" @@ -76,11 +76,10 @@ Alternatives: [`postcss-current-selector`]: https://github.com/komlev/postcss-current-selector [`postcss-nested-ancestors`]: https://github.com/toomuchdesign/postcss-nested-ancestors -[`postcss-nested-props`]: https://github.com/jedmao/postcss-nested-props -[`postcss-nesting`]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nesting -[CSSWG draft]: https://drafts.csswg.org/css-nesting-1/ -[PostCSS]: https://github.com/postcss/postcss - +[`postcss-nested-props`]: https://github.com/jedmao/postcss-nested-props +[`postcss-nesting`]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nesting +[CSSWG draft]: https://drafts.csswg.org/css-nesting-1/ +[PostCSS]: https://github.com/postcss/postcss ## Docs Read full docs **[here](https://github.com/postcss/postcss-nested#readme)**. |
