メディアクエリをマージする

Question

私は作業プロセスで多くのメディアクエリを書いています。

@mixin fullWidth { 
    @media screen and (max-width: 1024px) and (min-width: 960px) { 
     @content; 
    } 
} 

そして、このミックスイン多くのファイルを使用：このように

。

@include laptop { 
.test { content: "" } 
} 
@include laptop { 
.text2 {content: "2" } 
} 

それは私のCSSファイル内の2つのメディアクエリを生成：

@media screen and (max-width: 1024px) and (min-width: 960px) { 
      .test { content: "" } 
     } 

@media screen and (max-width: 1024px) and (min-width: 960px) { 
      .test2 { content: "2" } 
     } 

私は同様のクエリ私はうなり声を使用してい をマージしたいです。

必要であれば、それは可能のように、1 @includeに2文をコーミングについて

Answer 1

どのように解決する場合、私はすべてのものを使用します：あなたは@laptopミックスインを使用している場合は

@include laptop { 
    .test { content: "" } 
    .text2 {content: "2" } 
} 

を多くのファイルにわたって、grunt-combine-mqのようなGruntプラグインを使用することができます。