Jak zastąpić właściwości CSS Zurb Foundation za pomocą szyn 3.1?

Question

Witam, pracuję nad nową aplikacją szyn i właśnie zacząłem używać Foundation.

zrobiłem instalację przy użyciu

szyny g fundament: zainstalować

wszystko działa jak espected (mam na myśli, że mogę zobaczyć CSS w moim kodu źródłowego, a także wizualne efektem tego; p)

ja po prostu nie rozumiem, jak zastąpić domyślne właściwościach z ZURB Fundacji ...

widziałem o nline, który powinien edytować niektóre pliki foundation.css lub app.css, ale tutaj nie wydaje się, że jest to dowolny plik w moim folderze Application ....

Zrobiłem instalację, edytując gemfile, a następnie instalując pakiet.

okrzyki

Answer 1

Opcja 1: Ponieważ zainstalowany przez Bundler (zakładając, że coś takiego gem 'zurb-foundation' używany), nie będzie miał żadnych plików, które można edytować bezpośrednio. Możesz przesłonić i nadać styl jak zwykle, edytując app/assets/stylesheets/application.css lub dodając nowe pliki w katalogu. Polecam to, modyfikując Zurb, abyś mógł dalej czerpać korzyści z możliwości uaktualnienia do nowszych wersji Zurb w przyszłości bez zajmowania się bałaganem.

Opcja 2: Jeśli czujesz, że potrzebujesz więcej kontroli nad personalizacji i nie martwisz się o powyższych pułapek, można sklonować/pobierz foundation-rails i kopiowanie plików w vendor/assets do własnego katalogu szyn Takie samo imię. Usuń zurb-foundation ze swojego Gemfile, ponownie rozpakuj i powinieneś móc modyfikować zasoby bezpośrednio w swoim projekcie.

Opcja 3: Zapoznaj się z foundation-sass i wypróbuj Compass. Nie zajrzałem do tego zbyt wiele, ale powinieneś mieć pewną ilość personalizacji poprzez mixy.

Answer 2

i tak to działa, jeśli nie swoje przesłonięcia na app/assets/stylesheets/application.css

Ale to lepiej, jeśli robisz to w app/assets/stylesheets/foundation_and_overrides.scss,

również na początku pliku, istnieje grono linii skomentował z tymi liniami możesz także modyfikować niektóre atrybuty!