0

さて、SASS を使用して gulp を使用して CSS にコンパイルするプロジェクトがあり、グリッド システムには Bourbon と Neat を使用しています。次のものがまだ応答していないのは奇妙だと思います。

翡翠のテンプレート:

article.fleet
        .container
            .row
                .image-container
                    img(src="images/image.svg")
                .text-container
                    p text

そのためのSASS

.container
  +outer-container
  p
    color: #493F3F
    line-height: $font-size-base * $line-height-lg
    article.story
        height: 450px
        p
            +span-columns(6)

そして、ブレークポイントを設定してテストしようとします$mobile: @mixin new-breakpoint(max-width 480px 4)

@include media($mobile)コンパイルされたCSSの出力を使用すると、次のようになることがわかりました。

@media screen and (min-width: (+max-width) 480px 4) {
      section.hero h1 {
        font-size: 18px; }

なぜ出力される(min-width: (+max-width) 480px 4)のですか...きちんと何か問題がありますか？

4

1 に答える 1