Настроить материализоваться на Laravel - PullRequest
Новая
       28

Настроить материализоваться на Laravel

0 голосов
/ 18 мая 2019

Мне нужно использовать CSS-среду Materialise в этом проекте Laravel.Я уже удалил boostrap и jquery из package.json (с $ php artisan preset none), настроил require() in resources/js/bootstrap.js и @import in resources/sass/app.scss.

Теперь Materialise работает нормально, но яМне нужно изменить цвета, поэтому я скопировал файл _.variables.scss из node_modules/materialize-css/sass/components в resources/sass/ и попытался импортировать его из app.scss: 

// Variables
@import 'variables';

// Materialize
@import '~materialize-css/sass/materialize';

Но вместо чтения переменных онвозвращает эту ошибку (я даже не изменил файл): 

ERROR in ./resources/sass/app.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js):

$primary-color-light: lighten($primary-color, 15%) !default;
                     ^
      $color: color("materialize-red", "lighten-2") is not a color.
   ╷
38 │ $primary-color-light: lighten($primary-color, 15%) !default;
   │                       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^

Может кто-нибудь объяснить мне, как выполнить эту работу?

1 Ответ

0 голосов
/ 18 мая 2019

Для дальнейшего использования: вам также следует скопировать файл node_modules/materialize-css/sass/components/_color-variables.scss и импортировать в resources/sass/app.scss перед переменными, например: 

// Variables
@import "color-variables";
@import 'variables';

// Materialize
@import '~materialize-css/sass/materialize';

: D

...