#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 .