postcss-preset-envã§postcss-nestingを使ㆠ- Qiitapostcss-preset-envを使ã£ã¦ã„ã¦ã€CSSã‚’ãƒã‚¹ãƒˆã•ã›ãŸã„ãªã¨æ€ã„ã¾ã—ãŸã€‚ ã—ã‹ã—ã€æ™®é€šã«ã‚ªãƒ—ション付ã‘åŠ ãˆãšã«æ›¸ã„ã¦ã‚‚ã€ã‚‚ã¡ã‚ã‚“åæ˜ ã•ã‚Œãªã„。 ã‚°ã‚°ã£ã¦ã‚‚ã€ã‚ã¾ã‚Špostcss-preset-envã¨ã®çµ„ã¿åˆã‚ã›ã®æƒ…å ±ã¯ãªãã€postcss-nestingå˜ä½“ã®ã‚‚ã®ãŒå¤šã‹ã£ãŸãŸã‚ã€æ›¸ã残ã—ã¦ãŠã。 'nesting-rules': true ã‚’ features ã«è¿½è¨˜ã™ã‚Œã°ã‚ˆã„ã ã‘ postcss.config.jsã®features欄ã«'nesting-rules': trueを追記ã™ã‚Œã°ã‚ˆã„ã ã‘ã§ã—ãŸã€‚ ä»–ã®postcss-custom-propertiesã¨ã‹ã¯'custom-properties'ã®ã‚ˆã†ã«ã—ã¦featureã‚’è¨å®šã™ã‚‹ã®ã§ã€åŒã˜æµã‚Œã§'nesting'を使ãŠã†ã¨ã—ãŸã‚‰ã€ä¸Šæ‰‹ãã„ã‹ãšå°‘ã—å›°ã£ãŸçµŒç·¯ãŒã‚ã‚Šã¾ã™ã€‚ postcss-preset-envã®is
{{#tags}}- {{label}}
{{/tags}}