Wie können Sie die Zurb Foundation CSS-Eigenschaften mithilfe von Rails 3.1 überschreiben?

8

Hallo, ich arbeite an einer neuen Rails App und ich habe gerade begonnen Foundation zu benutzen.

Ich habe die Installation mit

durchgeführt
  

rails g foundation: installieren

Alles funktioniert wie erwartet (ich meine damit kann ich das CSS in meinem Quellcode sehen, und auch die visuelle Wirkung davon; p)

Ich verstehe nur nicht, wie man die Standardeigenschaften der Zurb-Stiftung außer Kraft setzt ...

Ich habe online gesehen, dass ich einige foundation.css oder app.css bearbeiten sollte, aber hier scheint keine Datei wie diese in meinem Anwendungsordner zu sein ....

Ich habe die Installation durch Bearbeiten der gemfile dann ein Bundle installiert.

Prost

    
boby lapointe 23.01.2012, 19:51
quelle

2 Antworten

5

Option 1: Da Sie es über Bundler installiert haben (vorausgesetzt, Sie haben etwas wie gem 'zurb-foundation' verwendet), haben Sie keine Dateien, die Sie direkt bearbeiten können. Sie können wie gewohnt überschreiben und formatieren, indem Sie app/assets/stylesheets/application.css bearbeiten oder neue Dateien im Verzeichnis hinzufügen. Ich würde dies empfehlen, wenn Sie Zurb modifizieren, damit Sie weiterhin die Vorteile erhalten, in der Zukunft auf neuere Versionen von Zurb upgraden zu können, ohne mit Unordnung zu kämpfen.

Option 2: Wenn Sie der Meinung sind, dass Sie mehr Kontrolle über die Anpassung benötigen und Sie sich keine Sorgen über die oben genannten Fallstricke machen, können Sie Fundamentschienen und kopiere die Dateien in vendor/assets in das eigene gleichnamige Rails-Verzeichnis. Entferne zurb-foundation von deiner Gemdatei, bilde es um und du solltest in der Lage sein, die Assets direkt in deinem eigenen Projekt zu ändern.

Option 3: Besuche Foundation-sass und probiere Compass aus. Ich habe nicht viel darüber nachgedacht, aber Sie sollten einige Anpassungen durch Mixins haben.

    
Gabe Evans 23.01.2012, 20:43
quelle
6

und ja, es funktioniert, wenn Sie Ihre Überschreibungen auf app/assets/stylesheets/application.css

vornehmen

Aber es ist besser, wenn Sie es in app/assets/stylesheets/foundation_and_overrides.scss tun,

auch am Anfang der Datei, es gibt eine Reihe von Zeilen kommentiert, mit diesen Zeilen können Sie auch einige Attribute ändern!

    
IvanSnek 13.12.2012 03:16
quelle