如何使用Stylelint防止在媒体查询中使用“max-width”

在媒体查询中使用max-width时，我想警告/错误，并鼓励使用移动优先方法min-width。如何使用Stylelint防止在媒体查询中使用“max-width”

我可警告开/错误...

@media (max-width: 50em) { 
    padding: 1rem; 
}

但允许...

@media (min-width: 50em) { 
    padding: 1rem; 
}

来源

2016-07-25 Aaron Bushnell

我无法想出任何可以做到的事情，所以我刚刚提出了两条新规则，功能黑名单“和”媒体功能白名单“，请参阅https://github.com/stylelint/stylelint/issues/1722。如果/一旦接受答案，可以使用新规则发布。 – netweb

的media-feature-name-blacklist和media-feature-name-whitelist规则，现在可以在最新的stylelint使用：

"media-feature-name-blacklist": [ 
    "^max-width", 
    { 
     "message": "Use min-width for a mobile-first approach (media-feature-name-blacklist)", 
    }, 
    ], 
},

来源

2016-10-08 06:25:10 netweb

非常感谢，@netweb！真的很感谢你们把所有人都放进了Stylelint。 –

如何使用Stylelint防止在媒体查询中使用“max-width”

回答

相关问题