Слияние запросов мультимедиа

Question

Я написал много запросов к мультимедиа в рабочем процессе.

Как это:

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

И использовал это Mixin много файлов.

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

Он генерируется запрос два медиа в моем файле CSS:

@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" } 
     } 

Я хочу объединить подобный запрос Я использую хрюкать.

В случае необходимости я буду использовать все, если это возможно, чтобы решить

Answer 1

Как насчет расчесывание 2 заявления в один @include, как это:

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

В случае, когда вы используете @laptop подмешать во многих файлах вы можете использовать плагин Grunt, например grunt-combine-mq.