Comment remplacer Zurb Foundation propriétés css à l'aide de rails 3.1?

Question

Salut à tous, je travaille sur une nouvelle application rails, et j'ai juste commencé à utiliser de la Fondation.

J'ai fait l'installation à l'aide de

rails g de fondation:installer

Tout fonctionne comme espected (je veux dire par la que je peux voir le code css dans mon code source, et aussi l'effet visuel de celui-ci ;p)

Je ne comprends pas comment faire pour remplacer les valeurs par défaut des propriétés de Zurb Foundation...

J'ai vu en ligne que im censé modifier quelque fondement.css ou de l'application.le css mais ici ne semble être tout type de fichier comme ça dans mon dossier de l'Application....

J'ai fait l'installation en modifiant le gemfile et un bundle install.

cheers

Answer 1

Option 1: Depuis que vous l'avez installé par le biais de bundler (en supposant que vous avez utilisé quelque chose comme gem 'zurb-foundation'), vous n'aurez pas de fichiers que vous pouvez modifier directement.Vous pouvez remplacer et le style comme d'habitude par l'édition app/assets/stylesheets/application.css ou l'ajout de nouveaux fichiers dans le répertoire.Je recommande ce sur la modification de Zurb de sorte que vous pouvez continuer à bénéficier des avantages d'être en mesure de mettre à niveau vers des versions plus récentes de Zurb dans l'avenir, sans s'attaquer à un gâchis.

Option 2: Si vous sentez que vous avez besoin de plus de contrôle sur la personnalisation et vous n'êtes pas inquiet au sujet de la ci-dessus les pièges, vous pouvez le copier/télécharger fondation-rails et copiez les fichiers dans vendor/assets pour votre propre Rails répertoire du même nom.Supprimer zurb-foundation à partir de votre Gemfile, rebundle, et vous devriez être en mesure de modifier les éléments directement dans votre propre projet.

Option 3: Découvrez fondation-sass et donner de la Boussole de l'essayer.Je n'ai pas regardé beaucoup, mais vous devez avoir une certaine quantité de personnalisation par le biais de mixin.

Answer 2

et oui, il fonctionne si vous ne vos remplacements sur le app/assets/stylesheets/application.css

Mais c'est mieux si vous le faites dans le app/assets/stylesheets/foundation_and_overrides.scss,

également dans le haut du fichier, il y a un tas de lignes commentées, avec ces lignes, vous pouvez également modifier certains attributs!