compass-sass

How to use compass mixins in a project using Sass

ε祈祈猫儿з 提交于 2019-12-12 01:48:57
问题 ColorZilla's gradient editor says // needs latest Compass, add '@import "compass"' to your scss Well I've found that's not so easy. Obviously if you just throw @import "compass"; at the top of your .scss file, Sass won't compile because _compass.scss can't be found. This is an asp.net project utilizing Sass. In addition, I have to use the sass ruby gem to compile, not compass's compiler. I've installed the compass gem. I've followed the instructions on http://compass-style.org/install/. I've

SASS with normalize and Codekit

倖福魔咒の 提交于 2019-12-11 22:36:48
问题 When I'm trying to compile my project that include only @import "normalize" from compass-normalize gem it tells me thie error Compass was unable to compile one or more files in the project: LoadError on line 161 of /Applications/CodeKit.app/Contents/Resources/engines/compass/bin/../lib/compass/configuration/data.rb: no such file to load -- compass-normalize Run with --trace to see the full backtrace okey. So I have reinstalled all gems but it still doesn't work. What is more when I'm doing

How can I use compass inline-image helper with an image url that is not relative?

空扰寡人 提交于 2019-12-11 22:22:40
问题 Problem How can I use compass inline-image helper with an image url that is not relative? config.rb relative_assets = false I also tried commenting that out completely This code works hdr-main.png lives in the /test/images/ on my local Server. .test{ $image:"hdr-main.png"; background: inline-image($image); } This code does not work .test{ $image:"http://i.cdn.turner.com/cnn/.e/img/3.0/global/header/hdr-main.png"; background: inline-image($image); } Displays this error Compass was unable to

Sencha Touch 2.3 - Sass @mixin Breaks sencha app build

南楼画角 提交于 2019-12-11 21:41:50
问题 Just upgraded to Sencha Touch 2.3 - everything is great until I added my Sass mixins, and tried "sencha app build"... update / note: "sencha app watch" also causes the same error. (Sencha CMD 4.0.1.45) My mixin: @mixin MQ($canvas) { @if $canvas == small { @media only screen and (max-width: 20em) { @content; } //320px } @else if $canvas == 'XS' { @media only screen and (max-width: 30em) { @content; } //480px } @else if $canvas == S { @media only screen and (max-width: 37.5em) { @content; } /

Omega Compass Library error

我的未来我决定 提交于 2019-12-11 20:38:19
问题 I am going through the motions to understanding the Omega 4 Theme in drupal. I did the sub-theme through drush and I have rvm, ruby and I believe all the gems installed. I should add that I have rgbapng & compass installed. I am not familiar with the @global though... However when I go to the site I see this error: Syntax error: File to import not found or unreadable: rpbapng. Load paths: /Library/Webserver/Documents/tpw/sites/all/themes/omega/omega/sass /Users/User/.rvm/gems/ruby-1.9.3-p484

Compass unable to find files in project

心不动则不痛 提交于 2019-12-11 19:52:11
问题 I am editing the a wordpress template that makes use of SASS. When I edit the .scss file and save it, CodeKit throws out this error. Compass was unable to compile one or more files in the project: error app.scss (Line 9 of _settings.scss: File to import not found or unreadable: foundation/functions. Load paths: /Library/WebServer/Documents/dev/ecpr_sgoc/scss /Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets /Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks

margin-right not respecting my $gutter value in Susy

若如初见. 提交于 2019-12-11 19:45:04
问题 For some reason my divs styled with .tile do not respect my $gutter-width or $column-width values (I'm not sure which one) and these divs are not lining up properly to the +susy-grid-background reference grid. In the screenshot below you can see the square cyan divs not adhering to $columns-width and $gutter-width values. On top of that, there should be 4 of these cyan divs in one row but the 4th one is getting knocked down to the second row. Why is this happening? Is this a sub pixel

Trouble importing Compass Extensions

牧云@^-^@ 提交于 2019-12-11 19:29:43
问题 I am using rgbapng on my sass project with compass to generate transparent backgrounds cross-browser but I cant seem to get it to be included. It have included the line @import "rgbapng"; but I get this error: error sass/wireframes.scss (Line 103 of sass/_base.scss: File to import not found or unreadable: rgbapng. Load paths: /Users/fredparke/sites/sandbox/sites/all/themes/sandbox/sass /Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/blueprint/stylesheets /Library/Ruby/Gems/1.8/gems

Compass mixins not found when using directly from ruby

落爺英雄遲暮 提交于 2019-12-11 18:33:12
问题 I am building a new ruby script using GLI gem that uses Compass within. However, whenever I run the app using bundle exec SASS/Compass can never seem to find the mixins that I include in my .scss file. I get the following error... error: File to import not found or unreadable: compass/css3. I know the solution is to set an environment variable. However, I have no clue as to which variable needs to be set. Update : I should have added that this is a follow up to another post that I had - Using

SASS - error parsing associative array [duplicate]

做~自己de王妃 提交于 2019-12-11 10:27:47
问题 This question already has answers here : Is Sass 3.3 compatible with Compass? (3 answers) Closed 4 years ago . I have a SASS file _button-map-mixin.css that starts with the following associative array: $cache: ( color: (), font-size: (), line-height: (), background-color: (), font-family: () ); When I compile the file, I get the following error: Invalid CSS after " color": expected ")", was ": ()," I don't understand - isn't this valid syntax? It almost seems like the compiler doesn't