Я использую sass (файлы .scss) в своем проекте ReactJs с помощью Twitter Bootstrap.
У меня проблема со стилем кнопки .was-validated .form-control:invalid, .form-control.is-invalid. Значок проверки размещается со свойством background-position.
Работает, как и ожидалось, при локальном запуске с командой npm start на локальном сервере разработки React. CSS загружается как:
background-position: center right calc(0.375em + 0.1875rem);
Проблема возникает, когда я собираю ее для производства, (npm run-scripts build). Вместо этого CSS становится следующим:
background-position: 100% calc(.375em + .1875rem);
Сразу после изменения он размещает значки слишком далеко. Я пытался переопределить это несколькими различными способами, но css всегда меняется на 100% вместо center right.
Почему это происходит и как мне убедиться, что background-position выживает при сборкеприложение?