mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-01 01:38:07 +08:00
Mathias Bynens
779b5ea094
DISABLE_THIRD_PARTY_CHECK=updating node_modules deps Change-Id: I37d4670cf18e26e8caa8a5b1ca19c8f187244bac Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2259851 Commit-Queue: Mathias Bynens <mathias@chromium.org> Auto-Submit: Mathias Bynens <mathias@chromium.org> Reviewed-by: Tim van der Lippe <tvanderlippe@chromium.org>
postcss-resolve-nested-selector
Given a (nested) selector in a PostCSS AST, return an array of resolved selectors.
Tested to work with the syntax of postcss-nested and postcss-nesting. Should also work with SCSS and Less syntax. If you'd like to help out by adding some automated tests for those, that'd be swell. In fact, if you'd like to add any automated tests, you are a winner!
API
resolveNestedSelector(selector, node)
Returns an array of selectors resolved from selector.
For example, given this JS:
var resolvedNestedSelector = require('postcss-resolve-nested-selector');
postcssRoot.eachRule(function(rule) {
rule.selectors.forEach(function(selector) {
console.log(resolvedNestedSelector(selector, rule));
});
});
And the following CSS:
.foo {
.bar {
color: pink;
}
}
This should log:
['.foo']
['.foo .bar']
Or with this CSS:
.foo {
.bar &,
a {
color: pink;
}
}
This should log:
['.foo']
['.bar .foo']
['.foo a']