Модуль CSS: & .className

Question

Можно ли сделать что-то подобное с CSS Modules?

CSS

.dateLabel {
  text-align: center;

  &.today {
    background: red;
  }
}

JS

import s from './style.scss';

return (
    <div class={`today ${s.dateLabel}`}>
     ...         
);

Потому что я хотел бы избегать делать так:

.dateLabel {
  text-align: center;
}

.today {
  background: red;
}

JS

import s from './style.scss';

return (
    <div class={`${s.today} ${s.dateLabel}`}>
     ...         
);

Answer 1

Вы можете использовать sass Ampersnad для достижения этой цели.

https://css-tricks.com/the-sass-ampersand/