compass-sass

I'm trying to setup my first Ember.js app with Ember AppKit , grunt, and compass. The appkit ships with support of compass out of the box via grunt-contrib-compass but I can't figure out for the life of me how to install Zurb-Foundation, or at least not "properly." As far as I can tell, grunt-contrib-compass doesn't provide a wrapper around compass's install method. I could duplicate the compass.js task settings for a compass config file but it seems like there should be a way to do this without duplicating the data. Alternatively, I guess I could just copy everything over manually but that

I want to create a sass file that the selectors will be attribute selectors. When I work with class selectors, in most of the cases I will do .parent { &-child { } } which gives me the following css: .parent-child {} . I want to achieve the same thing with attribute selectors: [data-parent] { &-child { } } which I want to become: [data-parent-child] {} someone knows how to achieve this? thanks. You can use this mixin as a workaround to get the desired result. @mixin child-attribute($child) { $string: inspect(&); $original: str-slice($string, 3, -4); @at-root #{ selector-replace(&, &, "[#{

Does anyone know how to use JRuby and Compass modules to compile SASS (*.scss) files within build.xml? I'm able to use the Sass::Exec module within sass standalone installation to compile from *.scss to *.css in the following manner: <!-- Compile SCSS files copied to target folder --> <property name="stylesheetFolder" location="myproject/stylesheet"/> <property name="inputFiles" value="${stylesheetFolder}/[^_]*.scss" /> <echo message="Compiling SCSS files from ${stylesheetFolder}..." /> <script language="ruby" classpath="${env.EP_LIB}/jruby/complete/${jruby-complete.build.jar}"> <![CDATA[

When I build my Yeoman project (nothing special, I'm only using jQuery and Modernizr), the images used with CSS aren't shown. My CSS-code .contact { background:url(../icon-contact.png) no-repeat top center; } Output after building the app (no difference) .contact {background:url(../icon-contact.png) no-repeat top center;} This doesn't work because the filename of icon-contact.png has changed to f91724e0.icon-contact.png . How can I make sure that the image-paths are updated in the minified CSS-file? Edit: I've added my solution as an answer Update (24 Feb. 2014) You can fix this by adding <%=

I'm getting so tired of this problem right now. I've been put off so many times trying to get this going. I feel this is my last attempt in solving what is wrong. Here goes: I install compass sudo gem update --system sudo gem install compass I create my test project (named test) compass create test That generates this directory test/ directory test/sass/ directory test/stylesheets/ create test/config.rb create test/sass/screen.scss create test/sass/print.scss create test/sass/ie.scss I try to compile the project compass compile [path/to/test] All I get is this error message: "Nothing to

I have set up a mixin for a button using display:inline-block. I am trying to get to the parent of whatever class that will eventually end up using the mixim, so I can add the font-size: 0px line there to make sure that I don't need to make adjustments to my HTML to avoid unwanted space between each button. Here's an example... I want the. parent class to receive the font-size: 0px line. @mixin button() { display:inline-block; font-size: 1em; //other stuff to make a pretty button && { font-size: 0px; } } .parent{ .child { @include button(); } } No, this is not possible. You could do something