sass

SASS - define variable in for loop

I was hoping that defining variables in a loop would work in SASS but unfortunately I get errors saying that the variable isn't defined, here is what I tried @for !i from 1 through 9 !foo = #000 @if !i == 1 !bg_color = #009832 @if !i == 2 !bg_color = #195889 ... #bar#{!i} color: #{!foo} ...

SASS and @font-face

I have the following CSS - how would I describe it in SASS? I've tried reverse compiling it with css2sass, and just keep getting errors.... is it my CSS (which works ;-) )? @font-face { font-family: 'bingo'; src: url("bingo.eot"); src: local('bingo'), url("bingo.svg#bingo") format('svg'), url("bingo.otf") format(...

Changing the output directory of the resulting CSS file in Compass/Webby?

I want my resulting *.css file to land in the output/css directory instead of the stylesheets directory. How would I go about doing this? I've already tried: Compass.configuration do |config| config.project_path = File.dirname(__FILE__) config.sass_dir = File.join('src','stylesheets') config.css_dir = 'css' config.output_style...

Help with Sass mixin & variables (var is being ignored)

Hi guys, I have the following mixin in a sass partial: =card-list width: 180px min-height: 150px display: -moz-inline-stack display: inline-block vertical-align: top margin: 5px zoom: 1 *display: inline _height: 250px -moz-border-radius: 10px -webkit-border-radius: 10px Now, when I tried to make it parameterized ...

SASS syntax highlighting does not work when bundle is installed along with HAML's in Textmate?

I've encountered this issue on two different machines and can't figure out what the cause is. SASS syntax highlighting works fine in TextMate when I install a SASS bundle like this. However, when I also install a HAML bundle, like this one, SASS code reverts to plain text color. I've tried a bunch of different combinations of bundles o...

Can I configure Compass to output the CSS on a different drive?

Let's say that I have a Compass project on D:\Compass (this is where I keep my sources) and I want to output my generated stylesheets on E:\CSS, is that possible in any way? I tried changing the --css-dir but it won't work because it has to be relative to the project dir? Has anyone tried this before? ...

SASS implementation for Java?

I'm looking for SASS implementation in Java (could be used with JSP/JSF). For Python I've found CleverCSS, but there is nothing for Java. Anyone heard something about this sort of tool for generating CSS? ...

How do I enable SASS line numbers in CSS output?

How can I enable line numbers in CSS output if I am using SASS? I found an article but I didn't quite understand where to make the modifications http://pivotallabs.com/users/damon/blog/articles/765-standup-04-07-2009-we-have-questions#comments Could you help me? ...

possible to define an array in Sass?

wondering if it is possible to use an array with Sass as I find my self repeating the following sort of thing: .donkey h2 background-color= !donkey .giraffe h2 background-color= !giraffe .iguana h2 background-color= !iguana ...

How can I override blueprint's styles?

Hi I'm using blueprint and for some reason I can't override some of their built-in styling (screen.css). So far I've tried: #asset-index-desc .container div li :border dashed !important ...and this does nothing. I'd appreciate any help. ...

Rails compass libraries

I have installed compass via rubygems doug:aggio davide$ sudo gem list compass * LOCAL GEMS * compass (0.10.0.pre2) compass-colors (0.3.1) * LOCAL GEMS * fancy-buttons (0.3.7) * LOCAL GEMS * haml (2.2.16, 2.2.14, 2.2.13, 2.2.10, 2.2.9, 2.2.6, 2.2.4, 2.2.3, 2.2.2, 2.2.1, 2.2.0, 2.0.10, 2.0.9) haml-edge (2.3.100, 2.3.97, 2.3.83, 2.3...

SASS files management in Git version control system in Ruby on Rails

I'm using SASS files in Rails development. And I wonder if I should gitignore generated CSS files. The problem with adding CSS files in Git is that they are simply redundant. SASS files at public/stylesheets/sass are the files I need. So I have the following lines in gitignore: # public/stylesheets/*.css But if I do this, when I pus...

Compass blueprint mixins undefined

I am trying to get compass/sass/haml working using blueprint but not having any luck with the blueprint mixins +column(24) just results in Sass syntax error undefined mixin column I'm sure I am just missing something really obvious but the compass/haml/sass/bluprint combo is just so many things at once I can't sort it out. ...

How use Blueprint's form styles with password_field

I'd like to have my password_fields styled the same as the Blueprint framework's default style for input fields. What do I need to put in my .sass for this? ...

SASS: Direct Descendent rule?

How do I represent a direct descendent CSS rule in SASS? Ex. body > div { ... } Couldn't seem to find it in the docs: http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html ...

Is it worth to learn haml & sass?

In your professional experience have haml & sass proved to be useful? In which way? ...

Blueprint, Sass and BrowserCMS

I like quite much browserCMS. And I also favour sass and blueprint. I would like to make these things to play together. Although I read somewhere brosercms can sass and blueprint, it is not obvious for me how to really have it there. Can you recommend me steps how to reach this? ...

Correcting webkit text stroke in Sass

I'm using Sass to generate my CSS stylesheets. I want consistent typography, so I want to use the CSS rules from http://orderedlist.com/our-writing/resources/html-css/thinning-text-in-webkit-safari/ to thin the text in Webkit-based browsers. I thought this would do the trick: body -webkit-text-stroke: 1px transparent @media only scree...

Sass mixin does not work.

=rounded(!rad) :-moz-border-radius = !rad :-webkit-border-radius = !rad :border-radius = !rad I have this mixin defined in a .sass file. When I try to compile it with sass style.sass style2.css, I get this error: Syntax error on line 2: Undefined constant: "!rad". I've looked through the docs and can't find what I am doing wro...

Library for making static websites with HAML/SASS/CSS framework

I'm looking for a library or a collection of libraries that work together with the following requirements: HAML and SASS can be used. Have a small server capability to see HAML/SASS compiled every time I refresh my browser. (I don't want to start a fresh Rails app, though.) Works with popular CSS frameworks. (Doesn't have to be all, bu...