Discussion :

[Baboulinet_]

Bonjour,

Je viens de récupérer un site web à développer sous PHP Symfony2.

Il n'y a pas de docs, pas de suivi, bref je suis obligé de me démerder seul.
Selon l'architecture css qu'il y a, je suppose fortement qu'il y a une utilisation de compass.

L'architecture est telle que :

web > templates > public
Dans ce dossier il y a compiled, css, error, img, js
Dans le dossiercompiled il y a un dossier css dans lequel il y a syles.css (minorisé sur une ligne) et un dossier js
Dans le dossier css, il y a un dossier sass qui contient styles.scss qui importent des fichiers .scss présents dans un dossier blocks. Il y a également dans le dossier sass un fichier config.rb.

Voici ce que contient le fichier config.rb :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
# Require any additional compass plugins here.
require "/Library/Ruby/Gems/1.8/gems/compass-0.12.1/lib/compass.rb";
 
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "../compiled/css"
sass_dir = "sass"
images_dir = "../img"
javascripts_dir = "javascripts"
fonts_dir = "fonts"
 
output_style = :nested
environment = :production
 
# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true
 
line_comments = false
color_output = false
 
 
# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

Bref, ma question est, comment utiliser compass ? j'ai deviné que c'était grâce à ça qu'on générait le styles.css.

http://moox.io/blog/fonctions-variab...-sass-compass/
C'est un tuto que j'ai suivi mais je comprends pas trop en fait... Quelqu'un pourrait il me simplifier la chose pour éclaircir ma compréhension ?

Merci par avance.

[rodolphebrd]

Bonjour,

Il faut installer SASS et COMPASS.

L'avez-vous fait ?

[Baboulinet_]

Bonjour Rodolphe

Oui j'ai réussi à installer compass sur windows.

Je suis allé là où se trouvait mon fichier config.rb
J'ai lancé compass et là :

1) Mon fichier styles.css généré est maintenant une feuille de style normale (elle n'est plus sur une ligne d'1 km de long)
2) Je ne comprends pas pourquoi les styles que j'ajoute/modifie ne sont pas pris en compte, pourtant il apparait bien dans mon fichier styles.css généré

[rodolphebrd]

Je paramètrerais le fichier config.rb comme cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
http = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "img"
javascripts_dir = "js"
fonts_dir = "fonts"

  output_style = :expanded

POur compiler les feuilles de style .scss en .css :

Pour le fichier en question:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$ sass --watch styles.scss:styles.css

Pour les fichiers du dossier /sass compilé vers /css/:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$ sass --watch sass:css

[Baboulinet_]

Le fichier de config était déjà présent.
Je connaissais pas du tout la techno du coup j'ai un poil paniqué
J'ai pu réussir grâce à http://stackoverflow.com/questions/1...ass-on-windows

Merci en tout cas