Проблема переопределения некоторых переменных Bulma Sass - PullRequest
Новая
       29

Проблема переопределения некоторых переменных Bulma Sass

0 голосов
/ 21 декабря 2018

Я пытаюсь настроить Bulma, переопределив некоторые переменные Sass.

В моем файле app.scss я импортирую файлы в следующем порядке: 

@import 'node_modules/bulma/sass/utilities/initial-variables';
@import 'node_modules/bulma/sass/utilities/functions';
@import 'bulma_overrides';
@import 'node_modules/bulma/bulma';

Файл bulma_overrides.scss содержит следующее: 

$footer-padding: 3rem 1.5rem 3rem;
$footer-background-color: whitesmoke;

Моя цель состояла в том, чтобы сделать нижний колонтитул немного тоньше, и я попытался добиться этого, изменив отступ с 3рем 1,5рем 6рем до 3рем 1,5рем 3рем .В то же время я меняю цвет фона на белый.

После запуска и успешного построения: 

npm run watch

Я перезагружаю страницу.

Результат:

Цвет фона нижнего колонтитула меняется просто отлично, но отступы - нет.

Сначала я подумал, что, возможно, это не то, что мы можем настроить, но официальная документация гласит:что мы можем:

https://bulma.io/documentation/layout/footer/

Есть идеи почему?Кстати, я столкнулся с той же проблемой с другой переменной в предыдущем проекте, и я не могу понять, что происходит.

PS1: я использую Laravel 5.7 для этого проекта.В webpack.mix.js

PS2 никаких изменений не делается: я пробовал несколько браузеров (Chrome, Firefox, Safari, Edge [lol]), но не повезло.

1 Ответ

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

Ваш импорт bulma уже импортирует "sass / utilities / _all", так что этот app.scss работал для меня просто отлично: 

// Bulma Overrides
@import 'bulma_overrides';

// Bulma
@import '~bulma/bulma';
...