2013-01-03 5 views
1

Démarrage d'une refonte de mon site qui utilise Rails 3.2. J'utilisais déjà Sass et Compass et pour la refonte j'ai jeté tous les vieux styles et je veux ajouter Susy dans le mix. Juste quelques petites questions sur la façon dont les choses fonctionnent avant que je ne parte:Sass, boussole et Susy dans une Rails 3.2 application

Je viens d'ajouter: config.compass.preferred_syntax :sass à mon application.rb fichier dans /config, est-ce exact? Le fichier application.rb se substitue-t-il au fichier de configuration compass.rb normal sur les projets de boussole standard?

La ligne que j'ai ajoutée change évidemment la syntaxe attendue à l'indentation de sass que je préfère, mais il semble que cette ligne indique à la boussole quelle syntaxe j'aime. Est-ce que la boussole fait maintenant la compilation du css et non le sass? J'ai aussi lu dans les docs de sass que vous pouvez dire quelle syntaxe vous préférez, dois-je les définir tous les deux? Je ne suis pas sûr de ce que fait quelle fonction!

J'ai également ajouté gem "susy" dans mon Gemfile, dois-je ajouter à config.compass.require "susy"/config/application.rb?

De même, si je veux définir fonts_dir, les documents Compass indiquent que par défaut pour les applications Rails, il sera par défaut public/fonts mais je veux les mettre dans /app/assets/fonts. Ça marchera?

De Compass docs:

String répertoire dans lequel les fichiers de police sont conservés. Les projets autonomes seront définis par défaut sur/fonts. Les projets Rails vont par défaut à "public/fonts".

J'espère que les gens seront en mesure de faire la lumière sur ces questions pour moi.

+0

Il ne semble pas y avoir de question ici. Avez-vous essayé quelque chose? Avez-vous eu des erreurs? – cimmanon

+0

Je l'ai tout fonctionne maintenant, juste joué avec elle depuis que j'ai posté. Je veux essentiellement savoir, est-ce que la boussole fait toute la compilation de sass? J'ai besoin de confirmation sur ce qui est en train de faire quoi. Quelles sont les pièces que les pignons font maintenant avec le pipeline d'actifs. Aussi, comment puis-je voir le css compilé? – rctneil

+0

Je ne peux pas vous aider au-delà de Sass/Compass (pas un programmeur Ruby/Rails). Compass est un wrapper autour de Sass qui injecte beaucoup de choses utiles (extensions, fonctions supplémentaires, commande moins verbeuse, etc.). Pour ceux d'entre nous qui utilisent Sass/Compass en mode autonome, le fichier CSS compilé est placé dans le répertoire indiqué dans config.rb. – cimmanon

Répondre

0

Non. Compass ne fait pas la compilation Sass.

Sass est une extension de CSS3 qui ajoute des règles imbriquées, les variables, mixins, l'héritage de sélection, et plus encore. Sass génère des feuilles CSS bien formatées et facilite l'organisation et la maintenance de vos feuilles de style.

Tout ce que fait la boussole est d'ajouter des fonctionnalités supplémentaires à Sass, vous n'avez donc pas besoin de les programmer vous-même.


La ligne config.sass.preferred_syntax :sass dit Rails que vos fichiers Sass générés doivent avoir la syntaxe Sass (de .css.sass) au lieu de la syntaxe SCSS (de .css.scss).


pas aussi, vous n'avez pas besoin d'exiger Susy si vous avez ajouté à la Gemfile et fait une bundle install. Tout ce que vous devez faire est de l'importer dans votre fichier application.css après avoir importé la boussole.

@import "compass" 
@import "susy" 
Questions connexes