Si ce n'est pas déjà le cas, installer compass:
sudo apt-get install ruby-compass
Pour paramétrer rapidement compass avec Phpstorm (excellent IDE pour le PHP, css, etc...):
Créer un nouveau projet
Dans File > Settings :
onglet Langage et Framework/ Compass : vérifier que le support est coché, et rajouter le fichier de config (chemin_du_projet/config.rb)
Directories : vérifier que le chemin du projet est le bon..(normalement fait avec la création du projet)
onglet Tools/File Watchers : ajouter le module compass scss et le configurer (mettre simplement compile dans les Arguments et préciser le Working Directory)
OPTIONNEL, si serveur distant : onglet Build Execution, Deployment /Deployment : ajouter le serveur pour la synchro distante automatique. Connection correspond au serveur et à la connection, Mapping correspond aux chemins sur le serveur
Autoprefixer
Compass : de plus, Titon project utilise autoprefixer, il faut donc l'installer aussi:
sudo gem install autoprefixer-rails
et rajouter ces lignes dans le fichier config.rb
require 'autoprefixer-rails'
on_stylesheet_saved do |file|
css = File.read(file)
File.open(file, 'w') do |io|
io << AutoprefixerRails.process(css)
end
end
Alternative :
on peut aussi utiliser Pleease (http://pleeease.io/ ) qui fait simplement un retraitement du css final. Plus simple à utiliser/installer
sudo npm install -g pleeease-cli
puis il suffira ensuite de créer un fichier de conf .pleeeaserc
{
"in": ["knacss.css", "styles.css"],
"out": "sortie.css",
"browsers": ["last 3 versions", "Android 2.3"]
}
et lancer dans le terminal un:
pleease compile
et voilà...