Package Exports

stylelint-no-nested-media

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (stylelint-no-nested-media) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

stylelint-no-nested-media

Disallow nested @media rules

For example, the following patterns are considered violations:

@media (max-width: 600px) { 
    @media (min-width: 500px) { }
}

The following patterns are not considered violations:

@media (min-width: 500px) and (max-width: 600px) { }

Installation

If you haven't, install [stylelint]:

npm install stylelint --save-dev

Install stylelint-no-nested-media:

npm install stylelint-no-nested-media --save-dev

Usage

Add stylelint-no-nested-media to your stylelint config plugins array, then add rules you need to the rules list. All rules from stylelint-no-nested-media need to be namespaced with pitcher.

{
    "plugins": [
        "stylelint-no-nested-media"
    ],
    "rules": {
        "pitcher/no-nested-media": true
    }
}