summaryrefslogtreecommitdiff
path: root/node_modules/postcss-nested/README.md
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/postcss-nested/README.md')
-rw-r--r--node_modules/postcss-nested/README.md53
1 files changed, 26 insertions, 27 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)**.