css - @media in mixin (lessphp)

Question

我想用这样的媒体查询制作自己的混音。

@maxWidth: 1170px;

.breakpoint(@maxWidth) {
  @media screen and (max-width: @maxWidth) {
    @content;
   }
 }

但是 mixin 中的@media 不起作用。是否支持lessphp？如果没有，我该如何解决？

PS 我不想在我所有的 .less 文件中复制很多这条规则（@media screen 和（max-width: @maxWidth））。

谢谢！

score 0 · Accepted Answer

考虑为您需要的断点使用变量作为示例：

@maxWidth: ~"screen and (max-width: 1170px)";

@media @maxWidth {
   color: red;
 }

1 回答 1