From efbc2ffe6a1ee5ec38a4396305561d6515d0943e Mon Sep 17 00:00:00 2001 From: littleblack111 Date: Fri, 30 Aug 2024 17:21:18 +0800 Subject: node fixes, updates --- node_modules/postcss-nested/README.md | 53 +++++++++++++++++------------------ 1 file changed, 26 insertions(+), 27 deletions(-) (limited to 'node_modules/postcss-nested/README.md') 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`.