基于媒体打印,不同的sass扩展

时间:2019-01-30 11:24:44

标签: css sass bootstrap-4 media-queries

我想使用scss样式表中的@media print规则来准备打印页面,但是遇到了一个我无法轻易解决的问题。对于布局,我使用具有本地sass支持的bootstrap 4,因此我编写了如下规则:

.card-body {
  @extend .col;
}

这使我不会将引导类的标记弄乱。我现在想做的是,如果要打印页面,请将此card-body更改为col-4

.card-body {
  @extend .col;
  @media print {
    .card-body {
      @extend .col-4;
    }
  }
}

我知道,由于多种原因,这行不通。是否对此有任何清洁的解决方案(可能无需更改标记)?

0 个答案:

没有答案