스타일 릿 중첩 선언 순서 배열

Question

stylelint에서 배열 declaration-block-properties-order에 대해 배열을 중첩 할 수 있습니까? 궁금한 점은 Nicolas Gallagher's Idiomatic CSS과 비슷한 선언 명령을 시행하고 싶기 때문입니다. 그러나 패딩이나 마진이 먼저 오는지는별로 신경 쓰지 않습니다. 나는이 규칙을함으로써 쉽게 할 수있어

... 그러나

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

는 ... 내가 무엇을 찾고 있어요 패딩과 마진 그룹의 순서를 지정, 그래서 여백, 여백 - top, margin-right, margin-bottom 및 margin-left는이 순서로만 올 수 있습니다. 패딩의 경우와 같지만 어떤 그룹이 먼저인지는 신경 쓰지 않습니다. 배열을 중첩 시키려고했지만 가능한지 또는 구문이 잘못되었는지 잘 모르겠습니다.

"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" 
      ], 
      }, 
     ], 
     }, 
    ] 

하지만 여백, 여백 - 위쪽, 여백, 여백 - 오른쪽, 여백 - 오른쪽을 허용하고 싶지 않습니다. 패딩이나 여백 그룹이 처음인지는 알 수 없지만 두 그룹을 구성해야합니다.

Answer 1

stylelint에서는 규칙 선언 -block-properties-order에 대한 배열을 중첩 할 수 있습니까?

아니요, 불가능합니다. 다음과 같은 두 가지 옵션이 있습니다.

1. Write a plugin 이러한 유연성을 제공합니다.
2. CSS 코드에서 패딩 전에 여백을 가져야하거나 그 반대의 경우도 필요합니다.

속성의 순서가 더 구체적 일수록 멤버가 선언 블록 내에서 속성이 사용되는지 확인하는 것이 더 쉽다는 것을 쉽게 알 수 있습니다.