Appearance
ビルド環境
11tyのTransform機能からPostCSSを利用してCSS変換を行います。CSSはPostCSSのみを使用します。
ベンダープレフィックス
Autoprefixerを利用するのでベンダープレフィックス付きのプロパティは必要ありません。
css
selector {
transition: opacity 300ms;
-webkit-transition: opacity 300ms; /* ❌ 不要 */
-moz-transition: opacity 300ms; /* ❌ 不要 */
}
ただしCSSの標準規格でないものについては必要なケースがあります。Stylelintはその点を考慮して警告を出すので心配はありません。
css
selector {
-moz-osx-font-smoothing: grayscale; /* ✅ ブラウザ固有のプロパティのためプレフィックは必要 */
-webkit-font-smoothing: antialiased; /* ✅ ブラウザ固有のプロパティのためプレフィックは必要 */
}
🔧 自動修正可能
このルールはStylelintによって自動修正されます。