sass - Sass でネストされたメディア クエリのセレクターの上にコメントを挿入する

Question

SassでUnCSSを使用しています。UnCSS は未使用の CSS を自動的に削除します。ただし、削除したくないものを削除することもあります。次のように、ルールの上にコメントを含めることができます。

/* uncss:ignore */
.example { color: red; }

...そのルールを無視して最終出力に含めるよう UnCSS に指示します。

そのコメントをSassのネストされたメディアクエリに含める方法を考えています:

SCSS:

/* uncss:ignore */
.example {
  color: red;
  @media (min-width: 500px) {
    color: blue;
  }
}

出力：

/* uncss:ignore */
.example {
  color: red;
}

@media (min-width: 500px) {
  .example {
    color: blue;
  }
}

望ましい出力:

/* uncss:ignore */
.example {
  color: red;
}

@media (min-width: 500px) {
  /* uncss:ignore */
  .example {
    color: blue;
  }
}

/* uncss:ignore */Desired Output の例の余分なコメントに注意してください。Sassでこれを行うことは可能ですか?

Answer 1

ありえないと思います。問題がなければ、SCSS を次のように書き直すことができます。

/* uncss:ignore */
.example {
  color: red;
}


@media (min-width: 500) {
  /* uncss:ignore */
  .example {
    color: blue;
  }
}