compass-sass

问题 I have just generated a sprite with compass, but for some reason it is adding a leading slash in the generated class url. Is it possible to override this or is it something I have wrong in my config.rb? Thanks for any help. Joe config.rb > http_path = "/" css_dir = "/" sass_dir = "/" images_dir = "img" javascripts_dir = "js" sass > @import "spr/*.png"; @include all-spr-sprites; generated css > .spr-sprite, .spr-female, .spr-male { background: url('/img/spr-s88dfc99cac.png') no-repeat; } 回答1:

问题 I am successfully using Compass to generate a CSS file but it is also outputting my partials to the CSS directory. How can I make it only output the stylesheets that will be used in the page? There's no need to add the partials to the destination css directory. 回答1: From the manual: If you have a SCSS or Sass file that you want to import but don’t want to compile to a CSS file, you can add an underscore to the beginning of the filename. This will tell Sass not to compile it to a normal CSS

问题 I am working on a Compass project and my final css output is huge so it needs to be be blessed . I am using Codekit to compile my SCSS files, and it has the bless option for the less and sass files but unluckly this option seems to be not available for the compass projects (BTW there is no workaround to fix the problem https://github.com/bdkjones/CodeKit/issues/163) Is there an alternative way to do that automatically after the compiling process? Is it possible to watch the css file with

问题 I just can't figure out what is wrong with my setup with Susy. I am on OS X 10.7.4 I have followed along here: http://susy.oddbird.net/guides/getting-started/ Error Syntax error: File to import not found or unreadable: susy. Load paths: Users/simon/Websites/wpsvntree/trunk/sass /Users/simon/.gem/ruby/1.8/gems/compass-0.11.7/frameworks/blueprint/stylesheets /Users/simon/.gem/ruby/1.8/gems/compass-0.11.7/frameworks/compass/stylesheets Compass::SpriteImporter on line 2 of /Users/simon/Websites

问题 I just can't figure out what is wrong with my setup with Susy. I am on OS X 10.7.4 I have followed along here: http://susy.oddbird.net/guides/getting-started/ Error Syntax error: File to import not found or unreadable: susy. Load paths: Users/simon/Websites/wpsvntree/trunk/sass /Users/simon/.gem/ruby/1.8/gems/compass-0.11.7/frameworks/blueprint/stylesheets /Users/simon/.gem/ruby/1.8/gems/compass-0.11.7/frameworks/compass/stylesheets Compass::SpriteImporter on line 2 of /Users/simon/Websites

问题 In my CSS I have to create classes that make reference to a 'hair colour' and 'hairstyle' I have written a mixin to help make my CSS writing more efficient: @mixin hair($hair, $colour) { .hair-#{$colour} .#{$hair} { background:image-url("xsppsfhair#{$hair}#{$colour}.svg") center top no-repeat, image-url("xsppsheadgrey.svg") center top no-repeat, image-url("xsppsbhair#{$hair}#{$colour}.svg") center top no-repeat; } } @include hair(spikyboy, blonde); @include hair(curlyafroboy, blonde); This

问题 To compile .scss files in multiple directories we need to use "add_import_path" (http://compass-style.org/help/tutorials/configuration-reference/), but i dont get how. I've tried to add additional_import_paths add_import_path "_themes" add_import_path = "_themes" additional_import_paths = "_themes" in my config.rb, but no luck, Compass compiling only from sass_dir = "_modules" Update: Yes, this line add_import_path "_themes" doesnt gives us "no folder found" error, but compass still not

问题 Is it possible to automatically add a timestamp on the compiled CSS file using SASS? e.g. /* CSS Compiled on: {date+time} */ ...compiled css goes here... I've checked the SASS and Compass docs but no mention of such a feature. 回答1: I don't know of any built-in SASS or Compass feature for this, but it's not too hard to add a custom Ruby function to do it. (See the section entitled "Adding Custom Functions" in the SASS reference here.) Your file with the Ruby function would look like this (let

问题 I would like to get a gradient in CSS (perhaps through Compass) that works in every major browser, including IE7+. Is there an easy way to do this (without writing a lot of code, and without a custom image file)? I looked at Compass's gradient mixin, but it does not work with Internet Explorer. Any ideas? (It does not need to be Compass -- I am happy install something else.) Edit: What I am trying to get is some framework (like Compass?) that generates code like what Blowsie posted that's

问题 I use Compass 1.0 and when I do @include display-flex; or any other flex related property I get only display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; etc. No -moz or -o prefixes. Any idea why? 回答1: Opera has never used the -o- prefix for Flexbox. It was introduced under the Presto engine without prefixes. It wasn't until later that support for Flexbox properties (along with a few others) that the -webkit- prefix was also supported. The Flexbox module