diff options
| author | littleblack111 <littleblack11111@gmail.com> | 2026-05-18 23:10:59 +0800 |
|---|---|---|
| committer | littleblack111 <littleblack11111@gmail.com> | 2026-05-18 23:41:44 +0800 |
| commit | fc87c009806dcc98867f6b58efe29b042aa01dee (patch) | |
| tree | 8f59b3f4a5b66e9dfef2d40c8d318e258a521228 /node_modules/postcss-nested/README.md | |
| parent | 3336b2356ee6152d9c6ae59bd9b87ccbc0958407 (diff) | |
node: updatemain
Diffstat (limited to 'node_modules/postcss-nested/README.md')
| -rw-r--r-- | node_modules/postcss-nested/README.md | 85 |
1 files changed, 0 insertions, 85 deletions
diff --git a/node_modules/postcss-nested/README.md b/node_modules/postcss-nested/README.md deleted file mode 100644 index c65988d7..00000000 --- a/node_modules/postcss-nested/README.md +++ /dev/null @@ -1,85 +0,0 @@ -# PostCSS Nested - -<img align="right" width="135" height="95" - title="Philosopher’s stone, logo of PostCSS" - src="https://postcss.org/logo-leftp.svg"> - -[PostCSS] plugin to unwrap nested rules closer to Sass syntax. - -```css -.phone { - &_title { - width: 500px; - @media (max-width: 500px) { - width: auto; - } - body.is_dark & { - color: white; - } - } - img { - display: block; - } -} - -.title { - font-size: var(--font); - - @at-root html { - --font: 16px; - } -} -``` - -will be processed to: - -```css -.phone_title { - width: 500px; -} -@media (max-width: 500px) { - .phone_title { - width: auto; - } -} -body.is_dark .phone_title { - color: white; -} -.phone img { - display: block; -} - -.title { - font-size: var(--font); -} -html { - --font: 16px; -} -``` - -Related plugins: - -- 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 - 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`. - -<a href="https://evilmartians.com/?utm_source=postcss-nested"> - <img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg" - alt="Sponsored by Evil Martians" width="236" height="54"> -</a> - -[`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 - -## Docs -Read full docs **[here](https://github.com/postcss/postcss-nested#readme)**. |
