diff options
| author | littleblack111 <littleblack11111@gmail.com> | 2024-08-30 17:21:18 +0800 |
|---|---|---|
| committer | littleblack111 <littleblack11111@gmail.com> | 2024-08-30 17:21:18 +0800 |
| commit | efbc2ffe6a1ee5ec38a4396305561d6515d0943e (patch) | |
| tree | 2b4c94f18f2c792dfda813050755d5c0273fae22 /node_modules/postcss-nested | |
| parent | 43acceb75957c880a5ba5a31aae221394a36d5f6 (diff) | |
node fixes, updates
Diffstat (limited to 'node_modules/postcss-nested')
| -rw-r--r-- | node_modules/postcss-nested/README.md | 53 | ||||
| -rw-r--r-- | node_modules/postcss-nested/index.js | 36 | ||||
| -rw-r--r-- | node_modules/postcss-nested/package.json | 18 |
3 files changed, 56 insertions, 51 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)**. diff --git a/node_modules/postcss-nested/index.js b/node_modules/postcss-nested/index.js index fe8618eb..79831b6c 100644 --- a/node_modules/postcss-nested/index.js +++ b/node_modules/postcss-nested/index.js @@ -1,4 +1,4 @@ -const { Rule, AtRule } = require('postcss') +const { AtRule, Rule } = require('postcss') let parser = require('postcss-selector-parser') /** @@ -118,8 +118,8 @@ function createFnAtruleChilds(bubble) { function pickDeclarations(selector, declarations, after) { let parent = new Rule({ - selector, - nodes: [] + nodes: [], + selector }) parent.append(declarations) after.after(parent) @@ -143,7 +143,7 @@ function parseRootRuleParams(params) { params = params.trim() let braceBlock = params.match(/^\((.*)\)$/) if (!braceBlock) { - return { type: 'basic', selector: params } + return { selector: params, type: 'basic' } } let bits = braceBlock[1].match(/^(with(?:out)?):(.+)$/) if (bits) { @@ -165,8 +165,8 @@ function parseRootRuleParams(params) { } return { - type: 'withrules', - escapes + escapes, + type: 'withrules' } } // Unrecognized brace block @@ -250,14 +250,14 @@ const rootRuleEscapes = Symbol('rootRuleEscapes') function normalizeRootRule(rule) { let { params } = rule - let { type, selector, escapes } = parseRootRuleParams(params) + let { escapes, selector, type } = parseRootRuleParams(params) if (type === 'unknown') { throw rule.error( `Unknown @${rule.name} parameter ${JSON.stringify(params)}` ) } if (type === 'basic' && selector) { - let selectorBlock = new Rule({ selector, nodes: rule.nodes }) + let selectorBlock = new Rule({ nodes: rule.nodes, selector }) rule.removeAll() rule.append(selectorBlock) } @@ -269,7 +269,7 @@ const hasRootRule = Symbol('hasRootRule') module.exports = (opts = {}) => { let bubble = atruleNames( - ['media', 'supports', 'layer', 'container'], + ['media', 'supports', 'layer', 'container', 'starting-style'], opts.bubble ) let atruleChilds = createFnAtruleChilds(bubble) @@ -287,8 +287,6 @@ module.exports = (opts = {}) => { let preserveEmpty = opts.preserveEmpty return { - postcssPlugin: 'postcss-nested', - Once(root) { root.walkAtRules(rootRuleName, node => { normalizeRootRule(node) @@ -296,6 +294,15 @@ module.exports = (opts = {}) => { }) }, + postcssPlugin: 'postcss-nested', + + RootExit(root) { + if (root[hasRootRule]) { + root.walkAtRules(rootRuleName, unwrapRootRule) + root[hasRootRule] = false + } + }, + Rule(rule) { let unwrapped = false let after = rule @@ -348,13 +355,6 @@ module.exports = (opts = {}) => { rule.raws.semicolon = true if (rule.nodes.length === 0) rule.remove() } - }, - - RootExit(root) { - if (root[hasRootRule]) { - root.walkAtRules(rootRuleName, unwrapRootRule) - root[hasRootRule] = false - } } } } diff --git a/node_modules/postcss-nested/package.json b/node_modules/postcss-nested/package.json index 3c9d9ac9..abc8e6c7 100644 --- a/node_modules/postcss-nested/package.json +++ b/node_modules/postcss-nested/package.json @@ -1,6 +1,6 @@ { "name": "postcss-nested", - "version": "6.0.1", + "version": "6.2.0", "description": "PostCSS plugin to unwrap nested rules like how Sass does it", "keywords": [ "postcss", @@ -15,14 +15,20 @@ "engines": { "node": ">=12.0" }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - }, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], "peerDependencies": { "postcss": "^8.2.14" }, "dependencies": { - "postcss-selector-parser": "^6.0.11" + "postcss-selector-parser": "^6.1.1" } } |
