Подтвердить что ты не робот

Несколько селекторов с двумя классами в Sass

Имея несколько селекторов двух классов для одного блока объявления, можно упростить следующее (т.е. не нужно повторять тег body):

body.shop, body.contact, body.about, body.faq {background-color:#fff;}

попробуйте следующее:

body{
   &.shop, &.contact, &.about, &.faq {
        background-color:#fff;
    }
}

В этом случае мы можем использовать директиву @each:

$pages: shop, contact, about, faq;

body {
  @each $page in $pages {
    &.#{$page} {
      background-color:#FFF;
    }
  }
}

body {
    &.shop, &.contact {
        // Styles here...
    }
}