Изменить $ primary-color для материализации в проекте Rails 6 - PullRequest
Новая
       46

Изменить $ primary-color для материализации в проекте Rails 6

1 голос
/ 30 апреля 2020

Я только что закончил добавлять Materialise CSS в мой проект Rails 6, используя это замечательное руководство: https://medium.com/@guilhermepejon / как установить-материализировать- css -in-rails-6-0-0 -beta2-using-webpack-347c03b7104e

Общие стили обновлены, и все отлично, пока я не захочу изменить переменную $primary-color sass. Я вижу, что <nav> имеет стиль по умолчанию для красного цвета, когда мой app/javascript/stylesheets/application.scss выглядит следующим образом: 

$primary-color: color("blue", "lighten-2") !default;
@import 'materialize-css/dist/css/materialize';

В прошлом я использовал gem 'materialize-sass' с большим успехом в проекте Rails 5, но Rails 6 является новым для меня.

При моем успехе с использованием гема мой app/assets/stylesheets/application.scss будет выглядеть так: 

@import "materialize/components/color-variables";
$primary-color: color("blue", "lighten-2") !default;
@import 'materialize';

materialize/components/color-variables не является частью пакета webpack, и если Я пытаюсь импортировать как css файл копию https://github.com/Dogfalo/materialize/blob/master/sass/components/_variables.scss, затем я получаю такую ​​ошибку, которая, кажется, показывает разрыв с JS пакета материализации. 

$primary-color-light: lighten($primary-color, 15%) !default;
                     ^
      Argument `$color` of `lighten($color, $amount)` must be a color
      in

Есть мысли о том, как изменить переменные sass, такие как $primary-color, для переопределения для Materialise CSS в проекте Rails 6? :)

...