Как переопределить свойства CSS Zurb Foundation, используя rails 3.1?

Question

Привет, я работаю над новым приложением rails, и я только начал использовать Foundation.

Я сделал установку, используя

rails g foundation: install

Все работает должным образом (я имею в виду, что я могу видеть CSS в моем исходном коде, а также визуальный эффект от него; p)

Я просто не понимаю, как переопределить свойства по умолчаниюof Zurb Foundation ...

Я видел в Интернете, что я должен редактировать какой-то файл foundation.css или app.css, но здесь, похоже, нет такого файла в моей папке приложения ....

Я сделал установку, отредактировав gemfile, а затем установил пакет.

cheers

Answer 1

и да, это работает, если вы делаете переопределения на app/assets/stylesheets/application.css

Но лучше, если вы сделаете это в app/assets/stylesheets/foundation_and_overrides.scss,

также в верхней части файла,есть несколько строк комментариев, с помощью этих строк вы также можете изменить некоторые атрибуты!

Answer 2

Вариант 1: Поскольку вы установили его через упаковщик (при условии, что вы использовали что-то вроде gem 'zurb-foundation'), у вас не будет файлов, которые можно редактировать напрямую.Вы можете переопределить и стиль как обычно, отредактировав app/assets/stylesheets/application.css или добавив новые файлы в каталог.Я бы порекомендовал это вместо модификации Zurb, чтобы вы могли продолжать получать преимущества от возможности обновления до более новых версий Zurb в будущем, не сталкиваясь с беспорядком.

Вариант 2: Есливы чувствуете, что вам нужен больший контроль над настройкой, и вы не беспокоитесь о вышеупомянутых ловушках, вы можете клонировать / скачать foundation-rails и скопировать файлы в vendor/assets в свой собственный каталог Railsто же имя.Удалите zurb-foundation из вашего Gemfile, восстановите его, и вы сможете изменить ресурсы непосредственно в своем собственном проекте.

Вариант 3: Извлечь foundation-sass и попробуйте Компас.Я не особо разбирался в этом, но вы должны иметь некоторую настройку с помощью миксинов.