Перезаписать переменные .scss в gem Bootstrap 4.1.3 Rails 5.1

Question

Я использую Rails 5.1 с gem 'bootstrap', '~> 4.1.3' и хочу активировать градиенты и тени в приложении.

На данный момент на входах нет градиента:

Я хотел бы получить этот вид (тень, а не сплошная граница):

Полагаю, это связано с переменными по умолчанию в _variables.scss (внутри гема)

$enable-shadows:            false !default;
$enable-gradients:          false !default;

Я не хочу модифицировать само само загрузочное устройство, поэтому я попытался добавить следующее в app/assets/stylesheets/application.css.scss

/* Trying to overwrite CSS default variables in SCSS */
$enable-shadows: true;
$enable-gradients: true;
/* Vendor CSS */
@import "bootstrap";
@import "fontawesome-all";
@import "selectize.js-master/dist/css/selectize";
@import "selectize.js-master/dist/css/selectize.bootstrap4";
@import "jquery-ui/autocomplete.css";
@import "devise";
/* My CSS */
@import "colors";
@import "global";
@import "items";
@import "posts";
@import "tags";
@import "users";
@import "welcome";

но не влияет на градиент ввода ... Что мне не хватает?

Перезапись переменной Bootstrap doc: https://getbootstrap.com/docs/4.0/getting-started/theming/#variable-defaults