Skip to content

Instantly share code, notes, and snippets.

@konitter
Last active February 15, 2024 21:29
Show Gist options
  • Save konitter/d86c16b13da4debf33555f8299270d3d to your computer and use it in GitHub Desktop.
Save konitter/d86c16b13da4debf33555f8299270d3d to your computer and use it in GitHub Desktop.
stylelintのルール簡単説明(v5.4.0)

Color

  • color-hex-case - 16進数のカラーコードを大文字か小文字か
  • color-hex-length - 16進数のカラーコードを省略するか否か
  • color-named - 名前付きカラーを強制するかどうか
  • color-no-hex - 16進数のカラーコードを禁止
  • color-no-invalid-hex - 無効なカラーコードを禁止

Font family

  • font-family-name-quotes - フォント名を引用符で括るかどうか

Font weight

  • font-weight-notation - font-weightを数値で書くか名前(bold等)で書くか

Function

  • function-blacklist - 許可されていない関数を禁止
  • function-calc-no-unspaced-operator - calc()内の演算子前後のスペースを強制
  • function-comma-newline-after - 関数内のカンマの後に改行を許可するか否か
  • function-comma-newline-before - 関数内のカンマの前に改行を許可するか否か
  • function-comma-space-after - 関数内のカンマの後にスペースを許可するか否か
  • function-comma-space-before - 関数内のカンマの前にスペースを許可するか否か
  • function-linear-gradient-no-nonstandard-direction - linear-gradientの非標準の方向の値を禁止
  • function-max-empty-lines - 関数内の空行の数を制限
  • function-parentheses-newline-inside - 関数の()の内側に改行を許可するか否か
  • function-parentheses-space-inside - 関数の()の内側にスペースを許可するか否か
  • function-url-data-uris - data URIを強制するか否か
  • function-url-quotes - 関数内のURLを引用符で括るか否か
  • function-whitelist - 許可された関数のみの記述を強制
  • function-whitespace-after - 関数の後ろのスペースを許可するか否か

Number

  • number-leading-zero - 1未満の少数の先頭の0を許可するか否か
  • number-max-precision - 小数点以下の桁数を制限
  • number-no-trailing-zeros - 不要な0を禁止
  • number-zero-length-no-unit - 値が0の場合に単位をつけない

String

  • string-no-newline - 文字列内の改行を許可するか否か
  • string-quotes - 文字列の引用符をシングルで括るかかダブルで括るか

Time

  • time-no-imperceptible - animationとtransitionで100ms以下の時間指定を許可するか否か

Unit

  • unit-blacklist - 許可されていない単位の記述を禁止
  • unit-no-unknown - 未知の単位の使用を禁止
  • unit-whitelist - 許可された単位のみの記述を強制

Value

  • value-no-vendor-prefix - ベンダープレフィックスを許可しない

Value list

  • value-list-comma-newline-after - リストの値でカンマの直後に改行を許可するか否か
  • value-list-comma-newline-before - リストの値でカンマの直前に改行を許可するか否か
  • value-list-comma-space-after - リストの値でカンマの直後にスペースを許可するか否か
  • value-list-comma-space-before - ストの値でカンマの直前にスペースを許可するか否か

Custom property

  • custom-property-no-outside-root - :rootセレクタ以外でのカスタムプロパティを許可しない
  • custom-property-pattern - カスタムプロパティのパターンを指定

Property

  • property-blacklist - 許可しないプロパティを配列で指定
  • property-no-vendor-prefix - 不要なベンダープレフィックスのプロパティを許可しない
  • property-unit-blacklist - 許可しない単位を配列で指定
  • property-unit-whitelist - 許可する単位を配列で指定
  • property-value-blacklist - 許可しない値を配列で指定
  • property-value-whitelist - 許可する値を配列で指定
  • property-whitelist - 許可するプロパティを配列で指定

Declaration

  • declaration-bang-space-after - !マークの直後にスペースを入れることを許可するか否か
  • declaration-bang-space-before - !マークの直前にスペースを入れることを許可するか否か
  • declaration-colon-newline-after - コロンの直後に改行を必須にするか否か
  • declaration-colon-space-after - コロンの直後にスペースを入れることを許可するか否か
  • declaration-colon-space-before - コロンの直前にスペースを入れることを許可するか否か
  • declaration-no-important - !importantの使用を許可しない

Declaration block

  • declaration-block-no-duplicate-properties - プロパティの重複を許可しない
  • declaration-block-no-ignored-properties - 同ルール内のプロパティで無視されるプロパティを許可しない
  • declaration-block-no-shorthand-property-overrides - ショートハンドプロパティによる上書きを許可しない
  • declaration-block-properties-order - プロパティの記述順を制御
  • declaration-block-semicolon-newline-after - セミコロンの直後にスペースを許可しないか改行を必須にするか
  • declaration-block-semicolon-newline-before - セミコロンの直前にスペースを許可しないか改行を必須にするか
  • declaration-block-semicolon-space-after - セミコロンの直後のスペースを許可するか否か
  • declaration-block-semicolon-space-before - セミコロンの直前のスペースを許可するか否か
  • declaration-block-single-line-max-declarations - 一行ブロック内でのプロパティの数を制限
  • declaration-block-trailing-semicolon - ブロック内の最後のセミコロンを禁止

Block

  • block-closing-brace-newline-after - ブロックの閉じ括弧の直後に改行を必須にするかスペースを許可しないか
  • block-closing-brace-newline-before - ブロックの閉じ括弧の直前に改行を必須にするかスペースを許可しないか
  • block-closing-brace-space-after - ブロックの閉じ括弧の直後にスペースを許可するか否か
  • block-closing-brace-space-before - ブロックの閉じ括弧の直前にスペースを許可するか否か
  • block-no-empty - 空のブロックを許可しない
  • block-no-single-line - 一行ブロックを許可しない
  • block-opening-brace-newline-after - ブロックの開き括弧の直後に改行を必須にするか
  • block-opening-brace-newline-before - ブロックの開き括弧の直前に改行を必須にするかスペースを許可しないか
  • block-opening-brace-space-after - ブロックの開き括弧の直後に改行を必須にするかスペースを許可しないか
  • block-opening-brace-space-before - ブロックの開き括弧の直前にスペースを許可するか否か

Selector

  • selector-class-pattern - クラスセレクタのパターンを指定
  • selector-combinator-space-after - セレクタの組み合わせの直後にスペースを許可するか否か
  • selector-combinator-space-before - セレクタの組み合わせの直前にスペースを許可するか否か
  • selector-id-pattern - idセレクタのパターンを指定
  • selector-max-specificity - セレクタの詳細度を制限
  • selector-no-attribute - 属性セレクタを許可しない
  • selector-no-combinator - セレクタの組み合わせを許可しない
  • selector-no-id - idセレクタを許可しない
  • selector-no-type - 要素型セレクタを許可しない
  • selector-no-universal - ユニバーサルセレクタを許可しない
  • selector-no-vendor-prefix - ベンダープレフィックスつきのセレクタを許可しない
  • selector-pseudo-element-colon-notation - 疑似要素のコロンを1つにするか2つにするか
  • selector-root-no-composition - :rootを他のセレクタと合わせて記述することを許可しない
  • selector-type-case - 要素セレクタを小文字にするか大文字にするか

Selector list

  • selector-list-comma-newline-after - セレクタのリストでカンマの直後に改行を必須にするかスペースを許可しないか
  • selector-list-comma-newline-before - セレクタのリストでカンマの直前に改行を必須にするかスペースを許可しないか
  • selector-list-comma-space-after - セレクタのリストでカンマの直後にスペースを許可するか否か
  • selector-list-comma-space-before - セレクタのリストでカンマの直前にスペースを許可するか否か

Root rule

  • root-no-standard-properties - 標準のプロパティを:rootの中で許可しない

Rule

  • rule-nested-empty-line-before - ネストしたルールの直前に空白行を必須にするか許可しないか
  • rule-non-nested-empty-line-before - ネストしてないルールの直前に空白行を必須にするか許可しないか

Media feature

  • media-feature-colon-space-after - @mediaの中でコロンの直後にスペースを必須にするか許可しないか
  • media-feature-colon-space-before - @mediaの中でコロンの直前にスペースを必須にするか許可しないか
  • media-feature-name-no-vendor-prefix - @mediaの中でベンダープレフィックスを許可しない
  • media-feature-no-missing-punctuation - @mediaの中でコロンや範囲演算子などの区切りを必須にするか否か
  • media-feature-range-operator-space-after - @mediaの中で範囲演算子の直後にスペースを必須にするか許可しないか
  • media-feature-range-operator-space-before - @mediaの中で範囲演算子の直前にスペースを必須にするか許可しないか

Custom media

  • custom-media-pattern - カスタムメディアクエリの命名パターンを指定

Media query

  • media-query-parentheses-space-inside - メディアクエリの括弧の内側にスペースを必須にするか許可しないか

Media query list

  • media-query-list-comma-newline-after - メディアクエリのリストでカンマの直後に改行を必須にするかスペースを許可しないか
  • media-query-list-comma-newline-before - メディアクエリのリストで、カンマの直前に改行を必須にするか、スペースを許可しないか
  • media-query-list-comma-space-after - メディアクエリのリストで、カンマの直後にスペースを必須にするか否か
  • media-query-list-comma-space-before - メディアクエリのリストで、カンマの直前にスペースを必須にするか否か

At rule

  • at-rule-empty-line-before - @ルールの前に1行空けることを必須にするか否か
  • at-rule-no-vendor-prefix - @ルールにベンダープレフィックスを許可しない
  • at-rule-semicolon-newline-after - @ルールのセミコロンのあとに改行を必須にするか否か

Comment

  • comment-empty-line-before - コメントの前に1行空けることを必須にするか否か
  • comment-whitespace-inside - コメントマークの内側にスペースを必須にするか許可しないか

General / Sheet

  • indentation - インデントを指定
  • max-empty-lines - 空行の数を制限
  • max-line-length - 一行の文字数を制限
  • max-nesting-depth - インデントの深さを制限
  • no-browser-hacks - ブラウザハックを禁止
  • no-descending-specificity - 詳細度の高いセレクタの後に詳細度の低いセレクタを禁止
  • no-duplicate-selectors - セレクタの重複を禁止
  • no-eol-whitespace - 行末の空白を禁止
  • no-indistinguishable-colors - 背景色に近いcolorの指定を制限
  • no-invalid-double-slash-comments - 2重スラッシュによるコメントを禁止
  • no-missing-eof-newline - ファイルの最後に空行がないのを禁止
  • no-unknown-animations - @keyframesに対応していないアニメーション名を禁止
  • no-unsupported-browser-features - ターゲットブラウザでサポートされていないプロパティを禁止
  • stylelint-disable-reason - stylelint-disableコメントの前後にその理由を書くことを強制
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment