mirror of
https://github.com/thangisme/notes.git
synced 2025-10-20 22:44:09 -04:00
Initial commit
This commit is contained in:
65
node_modules/postcss-resolve-nested-selector/README.md
generated
vendored
Normal file
65
node_modules/postcss-resolve-nested-selector/README.md
generated
vendored
Normal file
@@ -0,0 +1,65 @@
|
||||
# postcss-resolve-nested-selector
|
||||
|
||||
[](https://travis-ci.org/davidtheclark/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](https://github.com/postcss/postcss-nested)
|
||||
and [postcss-nesting](https://github.com/jonathantneal/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:
|
||||
|
||||
```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:
|
||||
|
||||
```scss
|
||||
.foo {
|
||||
.bar {
|
||||
color: pink;
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
This should log:
|
||||
|
||||
```
|
||||
['.foo']
|
||||
['.foo .bar']
|
||||
```
|
||||
|
||||
Or with this CSS:
|
||||
|
||||
```scss
|
||||
.foo {
|
||||
.bar &,
|
||||
a {
|
||||
color: pink;
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
This should log:
|
||||
|
||||
```
|
||||
['.foo']
|
||||
['.bar .foo']
|
||||
['.foo a']
|
||||
```
|
Reference in New Issue
Block a user