Couple of scripts to integrate Compass - the SASS/CSS Framework - in a Windows environment. You will of course need to have installed Ruby ( ruby-lang.org/ ), Compass ( compass-style.org/ ), and Sass ( sass-lang.org/ ).
The scripts go in Tools->Settings->Integration
I added a top level menu called Compass, and below that two Sub Menus - Watch and Compile
Watch:
Execute with - Shell
Command Line - c:\windows\system32\cmd.exe /k compass watch '@FName@'
Check "Show this command in Workspace popup" and "for directories and projects"
Check "Show this command in Exploere popup" and "for directories"
Compile:
Execute with - Shell
Command Line - c:\windows\system32\cmd.exe /k compass compile @Path@ -c @FName@ --force
Check "Show this command in Workspace popup" and "for directories and projects"
Check "Show this command in Exploere popup" and "for directories"
Your SASS project directory layout should look something like:
ProjectDir
|
-- sass <directory - your SASS files go here>
|
-- config.rb <your development Compass config file>
-- config-prod.rb <your production Compass config file>
|
Useage:
In development right click the ProjectDir and select Compass->Watch. This will open a command window that monitors your Sass project and compiles it to CSS on any changes.
You can compile directly by right clicking on a configuration file and selecting Compass->Compile.
Request - it would be great to have support for Sass - syntax highlighting, code completion, etc. in PphEd. It kind of works now when using the SCSS syntax, but get confused on constructs like:
font: {
style: italic;
weight: bold;
}
|
and of course directives like @include, @mixin, @for, etc. throw PhpEd at the moment