如何使用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」

回答

相關問題