bem

ToyPage.coffee

.b-nav
  a.b-nav--catalog(href="#toys") Каталог
  .b-nav--filters
    .b-nav--filters--item(data-js-filter="universe")
    .b-nav--filters--item(data-js-filter="category")
  .b-nav--icon(data-js-universe-icon)

ToyPage.scss

.b-nav {
    position: relative;
    width: 100%;
    height: 50px;
    padding-top: 24px;
  &--catalog {
    display: inline-block;
    position: relative;
    @include img_toys_catalog-bg;
    @include retinaImage(295px, 90px);
    padding-left: 35px;
    line-height: 48px;
    font-family: 'pfdindisplaypro-bold', arial;
    font-size: 22px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
  }
  &--filters {
    display: inline-block;
    margin-left: 26px;
    position: relative;
    &--item {
      display: inline-block;
      position: relative;
      margin-right: 40px;
      cursor: pointer;
      font-family: 'pfdindisplaypro-bold', arial;
      color: $c-red;
      font-size: 14px;
    }
  }
  &--icon {
    display: inline-block;
    vertical-align: middle;
    @include img_toys_universe-icon;
    @include retinaImage(86px, 86px);
  }
}