Automatically Compling SASS / Compass in Eclipse / Zend Studio. Recently I was tasked with figuring out how to use SASS and Compass in a project I was working on. SASS adds all kinds of new capabilities to your CSS files such as variables, nested rules, selector inheritance, and more. Compass builds upon SASS by adding some very useful libraries. To learn more about them go to: http: //sass- lang.
Woman faces murder charge after car plows into pedestrians in Las Vegas News. VeeHD offers an audio/visual platform where artists can showcase and promote their latest work. Saudi millionaire cleared of rape after claiming he fell and accidentally penetrated teenager. いまさらですが、SassとCompassの環境を導入しました以前から使いたいなとは思っていたのですが、弊社の体制や運用面での.
Fiorina: The ‘Clinton Way’ Is To ‘Lie As Long As You Can Get Away With It’ Watch: ‘2008 Hillary,’ ‘Palin’ Pay Present-Day ‘Hillary’ Visit on ‘SNL’. Record Information: Bibliographic ID: UF00095627: Volume ID: VID00005: Source Institution: University of Florida: Holding Location: University of Florida.
I’m having troubles with the build.xml file. It doesn’t shows the 2 styles (sass or compass) when i want to create the builder.
In the project I’m working on we happen to use the Zend Studio which is built on the Eclipse IDE. Normally when working with SASS / Compass you need to open a terminal window and enter a command to “watch” your .
That way when a file changed it would automatically compile it into a . Being lazy by nature I didn’t like the idea of having to open a separate terminal window in addition to launching the IDE to do compile the files so I figured I should be able use Ant to handle this task. It took a bit of research and some fiddling but I finally figured it out.
Now every time I change one of my . I’m a happy camper!The following are the steps to make that magic happen. I’ve included two targets in the build. SASS and one for Compass. If you just want to use SASS and not compass choose the sass. For Compass use the second compass. Install Ruby. Mac OS X already has Ruby installed.
On a Windows system go to: http: //rubyinstaller. Ruby. Installer application.
Install the Compass gem. From the command line type: gem install compass. This will install Sass, Compass, and a few other supporting Ruby gems. Make sure that the Ant is installed. In Zend Studio go to Help > Welcome and check Ant and click the “Apply changes” button.
In Eclipse Ant is usually installed automatically. If not go to Help > Install New Software and you should be able to find it there. Add the targets to your build file. If you already have a build. If you don’t have a build. UTF- 8"?>. < project basedir="." default="">. Compile . scss and .
SASS - ->. < target name="sass. Local resource="xa/public" depth="infinite"/>. Compile . scss files in the public/sass directory using Compass - ->. Local resource="xa/public" depth="infinite"/>. Open the project properties (right- click on the project and select “Properties”)6. Select Builders and click the “New…” button.
Select “Ant Builder” and click the OK button. In the Edit Configuration window enter a name in the field at the top (compass. Main” tab is selected. Click “Browse Workspace” button and select the build. Select the “Targets” tab and click the “Set Targets” button next to Auto- Build.
Select the “sass. SASS or select the “compass. Compass. Click OK.
Select the “Build Options” tab. Click the “Select Resources” button.
Select the public/sass directory and click OKThat’s it! Now when you makes changes in any of the . Sass directory the will automatically be compiled and .
RSS Feed
