1

stylelintでは、ルールの配列をネストすることは可能declaration-block-properties-orderですか? Nicolas Gallagher の Idiomatic CSSに似た宣言順序を強制したいので、興味があります。ただし、パディングまたはマージンが最初に来るかどうかはあまり気にしません。

このルールがあれば簡単にできることはわかっています...

"declaration-block-properties-order":
    [
      {
        properties: [
          "position",
          "top",
          "right",
          "bottom",
          "left",
          "z-index"
        ],
      },
      {
        order: "flexible",
        properties: [
          "padding",
          "margin"
        ],
      },
    ]

ただし...私が探しているのは、パディングとマージングループの順序を指定することです。そのため、マージン、マージントップ、マージン右、マージンボトム、およびマージン左は、パディングと同じ順序でのみ来ることができます..しかし、どのグループが最初かは気にしません。配列を入れ子にしてみましたが、これが可能かどうか、または構文が間違っているかどうかはわかりません。

"declaration-block-properties-order":
    [
       {
        order: "flexible",
        properties: [
          {
            properties: [
              "margin",
              "margin-top",
              "margin-right",
              "margin-bottom",
              "margin-left"
            ],
          },
          {
            properties: [
              "padding",
              "padding-top",
              "padding-right",
              "padding-bottom",
              "padding-left"
            ],
          },
        ],
      },
    ]

しかし、margin、margin-top、padding、margin-right、padding-rightを受け入れたくありません。2 つのグループを整理したいのですが、パディング グループまたはマージン グループが最初かどうかは気にしません。

4

1 に答える 1

3

stylelint では、ルール宣言-ブロック-プロパティ-順序の配列をネストすることは可能ですか?

いいえ、できません。次の 2 つのオプションがあります。

  1. この柔軟性を提供するプラグインを作成します。
  2. CSS コードで、マージンがパディングの前にあることを要求するか、またはその逆を要求します。

プロパティの順序が具体的であるほど、チーム メンバーは、プロパティが宣言ブロック内で使用されているかどうかを確認する場所を簡単に知ることができるため、後者のオプションをお勧めします。

于 2016-06-29T18:05:10.337 に答える