Поле переопределения -теневые переменные работают только с ! важный флаг

#bootstrap-4

#bootstrap-4

Вопрос:

Я хочу удалить все боковые тени из моей темы. Это работает с этим кодом:

 $btn-active-box-shadow: none !important;
$input-box-shadow: none !important;
$input-btn-focus-box-shadow: none !important;
  

Без важного флага это не работает.

Мой импорт:

 // Override Boostrap variables
@import "variables";

// Import Bootstrap source files
@import "node_modules/bootstrap/scss/bootstrap";
  

Мой импорт содержимого:

 * KM Websolutions Projects
* @link http://www.yiiframework.com/
* @copyright Copyright (c) 2010 KM Websolutions
* @license http://www.yiiframework.com/license/
*/
// Override bootstrap variables
/* stylelint-disable */
$font-size-base:              1rem; // Assumes the browser default, typically `16px`
$font-size-lg:                ($font-size-base * 1.25);
$font-size-md:                ($font-size-base * .875);
$font-size-sm:                ($font-size-base * .8);

$btn-active-box-shadow: none !important;
$input-box-shadow: none !important;
$input-btn-focus-box-shadow: none !important;

// Own variables
$smartgreen: #8bc906;
$facebookblue: #4267b2;
/* stylelint-enable */
  

Комментарии:

1. Скорее всего, порядок импорта / переопределения SASS. Можете ли вы опубликовать все соответствующие SASS, которые вы используете?

2. Я иду рекомендуемым путем, означает, что сначала мои переопределения, а затем переменные начальной загрузки (другой способ не работает. Я проверил это). Я могу переопределить другие переменные начальной загрузки без проблем и без !important .