快速而简单的问题无法找到是否可以在一行中执行这些操作以避免重复样式:
@include breakpoint($media__tablet-to-wide) {
width: calc(100% - 30% / 1 );
flex-direction: row;
height: 200px;
}
@include breakpoint($media__phablet-to-tablet) {
width: calc(100% - 30% / 1 );
flex-direction: row;
height: 200px;
}
将这两个包括在内:
@include breakpoint($media__phablet-to-tablet), @include
breakpoint($media__tablet-to-wide) {
width: calc(100% - 30% / 1 );
flex-direction: row;
height: 200px;
}