Невозможно переопределить переменные - добавление Zurb-Foundation в Spree

59
8

Я пытаюсь переписать интерфейс нашего магазина с помощью Zurb Foundation Framework, к сожалению, я столкнулся с некоторыми проблемами.

Я включил жемчужину "zurb-foundation" в свой gemfile и добавил следующие к файлам all.js и all.css в каталогах активов/хранилищ

активы/таблицы стилей/магазин /all.css

*= require foundation
@import 'foundation';

активы/JavaScripts/магазин /all.js

//= require foundation
(document).foundation();

До сих пор я мог использовать классы, как описано в документации по zurb - также хорошо работают различные элементы, включенные в Framework (Topbar, Orbit и т.д.),

К сожалению, я столкнулся с проблемой, что я не могу переопределить переменные. Я создал файл custom_variables.css.scss в каталоге stylesheets/store, чтобы позаботиться об этом. Но если я переопределяю их там, кажется, что они не вступают в силу.

спросил(а) 2013-03-19T00:43:00+04:00 7 лет, 7 месяцев назад
1
Решение
92

Не уверен, почему это не включено в версию Rails. Вы можете добавить файл, который автоматически создается Compass под _settings.scss

Вы можете загрузить файл из github:

Файл Github для settings.scss

и поместите его в свое app/assets/stylesheets

затем добавьте следующую строку в свой foundation_and_overrides.scss над foundation_and_overrides.scss @import 'foundation';

@import 'settings';

теперь он должен выглядеть так:

// Settings file to override Foundation variables

// You can find the variables for each component at the bottom of their
// doc page. We tried to name them to where they'd make sense just by reading them.
// Go to http://foundation.zurb.com/docs/ to find what you need.

@import 'settings'
@import 'foundation';

теперь вы можете просто раскомментировать то, что вы хотели бы изменить, а не пытаться переопределить стили. Так работает по умолчанию Compass. Я думаю, что ключ должен изменить переменные @import 'foundation'; перед @import 'foundation'; называется. В противном случае вы просто меняете переменные после того, как все css для создания было записано.

Это хорошо работает для меня, используя Foundation 4.0.8.

ответил(а) 2013-03-19T05:30:00+04:00 7 лет, 7 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема