Sass mixin用于计算em减法

时间:2015-08-30 22:20:40

标签: css sass mixins grid-layout em

我为这样的网格设置了SCSS:

$bp-m: 48em; // 768px  
$bp-l: 60em; // 960px

// 768px to 959px
@media (min-width: 48em) and (max-width: 59.938em) {
  // Medium to large stuff
}

// 960px
@media (min-width: 60em) {
  // Large+ stuff
}

我很好奇可以用sass mixin编写什么来进行最大宽度计算,所以我可以这样做:

$bp-m: 48em; // 768px  
$bp-l: 60em; // 960px

// 768px to 959px
@media (min-width: $bp-m) and (max-width: @include emCalc($bp-l)) {
  // Medium to large stuff
}

// 960px
@media (min-width: $bp-l) {
  // Large+ stuff
}

基本上是一个mixin,它计算网格结构的1px差异并将其转换为em。如果它可以采用em或像素值并将其转换为适当的em,则可以获得奖励。我已经做了一些搜索,但没有太多的运气..任何帮助将不胜感激!

0 个答案:

没有答案