Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Getting started with Compass,</p> <p>First yes I have to install Ruby and the compass source and compile up my version of compass I followed the instructions on Compass's Wiki <a href="http://wiki.github.com/chriseppstein/compass/getting-started" rel="noreferrer">Getting Started</a>.</p> <p>After getting Compass and all it's dependencies installed and built I created my first project.</p> <pre><code>compass -f blueprint project-name </code></pre> <p>Which creates a default project with compass for the blueprint css framework, currently there's a bug in compass with the creation of the grid.png file in the images directory for compass so you need to copy the original grid.png from the source folder</p> <pre><code>C:\Ruby\lib\ruby\gems\1.8\gems\chriseppstein-compass-0.8.10 \frameworks\blueprint\templates\project </code></pre> <p>Or similarly located file depending on where you installed everything. One of the most important changes IMO for working with compass on asp.net is to change the SASS CACHE directive of compass. The SASS CACHE creates a bunch of temporary folders in your project directory which probably would have poor outcomes if they ended under source control. So open up config.rb and add this line</p> <pre><code>sass_options = {:cache_location =&gt; "#{Compass.configuration.project_path}\\tmp\\sass-cache"} </code></pre> <p>Make sure to note the escaped backslashs.</p> <p>After this I modified the names of the folders that compass uses for how I wanted them named inside the config.rb and started getting to it with SASS and Compass. I recommend watching the hour long introduction to compass video it's very helpful and I learned alot from it: <a href="http://wiki.github.com/chriseppstein/compass" rel="noreferrer">Watch the screen cast</a>.</p> <p>One of the things which this showed me was how to set compass to watch for file system changes and automagic compile the sass to css. By using </p> <pre><code>compass -w </code></pre> <p>This is working real well for me, just make sure you keep your css files checked out or turn them off read only if they're under source control if your project doesn't support concurrent checkouts.</p> <p>For editing I'm using SciTE that's included with Ruby by default for the config.rb files or just the editor window in VS2008. For Sass I came across a big list on the <a href="http://groups.google.com/group/haml/web/syntax-highlighting" rel="noreferrer">HAML website</a>. jEdit with highlighting syntax file for SASS was what I ended up using after trying a few. I'd still like to find a VS plugin for syntax highlighting so I don't need to use another editor but jEdit is definitely getting the job done.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload