Salut après avoir vu la magnifique présentation de Grafikart http://www.grafikart.fr/tutoriels/html-css/foundation-framework-css-426 , j'ai voulu installer crée un projet avec compass en utilisant foundation, je suis la doc comme toute personne normal le fait. http://foundation.zurb.com/docs/sass.html

Mais voila le problème lorsque je veux compile dans mon dossier sass de mon projet j'ai 2 fichier qui se crée app.css et un fichier config.rb ou dans le fichier app.css il y a un joli message d'erreur.

Syntax error: File to import not found or unreadable: foundation.
              Load paths:
                /Applications/XAMPP/xamppfiles/htdocs/omg/sass
                /Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/blueprint/stylesheets
                /Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets
                Compass::SpriteImporter
        on line 8 of /Applications/XAMPP/xamppfiles/htdocs/omg/sass/app.scss

la ligne qui fait défaut

@import "foundation";

Après avoir longtemps naviguer dans les forum et avoir appliquer pas mal de solution qui ne fonctionne pas chez moi, je me tourne vers vous.

voila d'autre élément utile

J'utilise :
MAC OSX 10.8.4,
xampp,
gem list :
bundler (1.3.5)
chunky_png (1.2.8)
compass (0.12.2)
fssm (0.2.10)
rubygems-update (2.0.3)
sass (3.2.9)
zurb-foundation (4.2.3),
ruby -v : ruby 1.8.7 (2012-02-08 patchlevel 358) [universal-darwin12.0]

Si vous avez besoin de plus d'information je suis disponible.

Merci de vos réponse

Cordialement

3 réponses


Pewel-OutOfNutella
Réponse acceptée

Salut,

je ne te demande pas si tu as fait les étapes d'installation avec Rubygems, puisque tu as du le faire.

La seule chose qui me vient à l'esprit, c'est : est ce que tu as cette ligne

require "zurb-foundation"

dans ton config.rb ?

Et dans ton app.scss, as tu le code ci-dessous ?

// Global Foundation Settings
@import "settings";
// Comment out this import if you are customizing you imports below
@import "foundation";
Ch0c4
Auteur
Réponse acceptée

Salut merci de ta réponse, mais j'ai fait les même conclusion que toi mais sa ne change rien au soucis

voila le debut de mon app.scss

// Global Foundation Settings
@import "settings";
// Comment out this import if you don't want to use normalize
@import "normalize";
// Comment out this import if you are customizing you imports below
@import "foundation";

et comme dit plus haut c'est la ligne

@import "foundation";

qu'il ne comprend pas.

pour le config.rb comme encore dit plus haut quand je compile il m'en crée un dans le dossier sass et j'en ai un autre à la racine du projet,
le config.rb à la racine à bien le

require "zurb-foundation"

mais celui dans le dossier sass non.

Pour tester j'ai rajouter le require dans le config.rb du dossier sass, quand je compile tout fonctionne parfaitement, mais aucun changement n'est opéré dans le css.

Est-ce que c'est lié ???

Et est-ce que c'est normal qu'il me crée ce fichier lors de la compilation ???

Merci encore pour vos réponse.

edit : Enfaite c'était sublime text 2 qui me compiler mes fichier dans le sass et non à la racine du projet, c'est pour sa que je me retrouver avec 2 config.rb et 2 app.css dans mon projet au lieu d'un seul. Je pense que je vais supprimer les plugin de compass de sublime text2 et faire du compass watch

Merci encore

Ok ok.

Si ça t'intéresse de compiler ton .scss en .css automatiquement, à chaque modification de ton fichier, penche toi vers Grunt.
Je l'utilise, et c'est très pratique.

Si tu as besoin de plus d'informations, dis le moi !