Как прописать в SCSS конструкцию вида .product.product_item?

Question

[Владимир Голубь]

Как прописать в SCSS конструкцию вида .product.product_item

Пробую так, но выдает ошибку

.product {
  &.&_item {

  }
}

Answer 1

[monochromer]

.product {
  $this: &;

  @at-root {
    #{$this}#{$this}_item {
      color: red;
    }
  } 
}

Answer 2

[roxik]

.product {
  &.product_item {

  }
}

Answer 3

[zooks]

Куда удобнее синтаксис Sass:

.product
  &.product
    &_item

Comments

[Danila]

куда удобнее синтаксис Stylus

.product
	&&__item

[zooks]

Данила: синтаксис Stylus нельзя использовать в Sass =)