Различное расширение sass основано на печати СМИ - PullRequest
Новая
       20

Различное расширение sass основано на печати СМИ

0 голосов
/ 30 января 2019

Я хотел бы подготовить свою страницу к печати, используя правила @media print в таблице стилей scss, но я столкнулся с одной проблемой, которую не могу легко решить.Для макета я использую bootstrap 4, который имеет встроенную поддержку sass, поэтому я должен написать свои правила так: 

.card-body {
  @extend .col;
}

Это позволяет мне не загромождать мою разметку классами bootstrap.Теперь я хотел бы изменить это card-body на col-4, если я хочу напечатать страницу. 

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

Это не работает по нескольким причинам, я знаю.Есть ли какое-нибудь чистое решение (возможно, без необходимости изменять это в разметке) на это?

...