Я хотел бы окружить все мои s css -генерированные css дополнительным классом

Question

У меня есть несколько s css -файлов в нескольких папках. Для генерации одного css -файла у меня есть:

@import 'shared/variables';
//= include folder/**/*.scss

Что дает вкратце:

.container {
  display: block;
  ...
}
...

Я бы хотел окружить это одним дополнительным классом, чтобы css выглядел как:

.extraclass {
  .container {
    display: block;
    ...
  }
  ...
}

Возможно ли это с sass или gulp?

Answer 1

Я нашел решение

@mixin all-css {
  //= include folder/**/*.scss
}

.extraclass  {
  @include all-css;
}

И да, html будет следовать за этим.