http://css-tricks.com/media-queries-sass-3-2-and-codekit/ 最近、scss について読んでいるときにこの手法を発見しました。私はlesscssを書くことを楽しむようになりましたが、切り替えたくありません。同様の手法を達成するためにlesscssに必要なオプションは何ですか? 私は、プライマリ クラス/ID 宣言内にメディア クエリを記述するというアイデアが本当に気に入っています。
@mixin breakpoint($point) {
@if $point == papa-bear {
@media (max-width: 1600px) { @content; }
}
@else if $point == mama-bear {
@media (max-width: 1250px) { @content; }
}
@else if $point == baby-bear {
@media (max-width: 650px) { @content; }
}
}
.page-wrap {
width: 75%;
@include breakpoint(papa-bear) { width: 60%; }
@include breakpoint(mama-bear) { width: 80%; }
@include breakpoint(baby-bear) { width: 95%; }
}
アップデート
私はこの答えを見つけましたhttp://blog.scur.pl/2012/06/variable-media-queries-less-css/私の唯一の批判は、メディアクエリが冗長にならないようにするにはどうすればよいですか? これをすべて1つのメディアクエリブロックにコンパイルするにはどうすればよいですか?