Можете ли вы импортировать файл css и использовать sass для повторения каждого из правил и добавления! Важное?

Question

Можете ли вы взять файл и слегка обновить каждое правило css с помощью sass? Э.Г.

style.scss

  .bold {
    font-weight: 600
  }
  .bolder {
    font-weight: 800
  }
// ...

стиль-important.scss

// Here I want to import and produce the following:

  .bold-important {
    font-weight: 600 !important;
  }
  .bolder-important {
    font-weight: 800 !important;
  }

Может ли sass произвести это? Может ли другой препроцессор CSS выполнить это?

Answer 1

Извините, но Sass не сможет этого сделать.Лучшее, что вы можете сделать - это цикл в массиве, подобный следующему:

@each $animal in puma, sea-slug, egret, salamander {
    .#{$animal}-icon {
      background-image: url('/images/#{$animal}.png');
    }
}

Но это не решит вашу проблему