victorzadorozhnyy
@victorzadorozhnyy

Почему компилятор SASS добавляет новый класс к css а не вносит изменения и как заставить это работать без !important?

К проекту на create-react-app добавил node-sass-chokidar и bootstrap 4 sass
все работает, css компилируется.
"scripts": {
    "start-js": "react-scripts start",
    "start": "npm-run-all -p watch-css start-js",

    "build-css": "node-sass-chokidar --include-path ./src/styles --include-path ./node_modules src/styles/ -o src/styles/",
    "watch-css": "npm run build-css && node-sass-chokidar --include-path ./src/styles --include-path ./node_modules src/styles/ -o src/styles --watch --recursive",

    "build": "npm run build-css && react-scripts build"
  }

Есть index.sass
// New color
$new-color: #6d314b;

.btn-primary {
  background-color: $new-color !important;
}

который при компиляции превращается в css и сверху добавляет
.btn-primary {
  background-color: #6d314b; }

что работает только если добавить !important тк старый класс остается без изменений.
Как вносить изменения, а не добавлять класс или заставить работать без important ?
  • Вопрос задан
  • 338 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы