compass-sass

问题 If possible you guys, can you help me with this animation?, the purpose of animation is to animate a background-color, the color is what i want to animate not the div cause the div contains another elements that I want to be always showing. The animation i'm looking for is to spread the color[gray of containing div] from center to corners of a square. is there a way to do it in CSS, if not how about Javascript/Jquery/Jquery-ui? maybe sass or compass? I'm fine with any of the above here's a

问题 We use compass in our project. It generates some css files, which look like this on my colleague's machine: /* line 22, ../../../../.rvm/gems/ruby-1.9.3-p125/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } /* line 24, ../../../../.rvm/gems/ruby-1.9.3-p125/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } /* line 10, ../sass/partials/dependencies/font-awesome/_larger.scss

问题 I recently moved from using Less to using Compass. I use Codekit, but dont use the built in Compass compiler due to it having problems when using plugins. Now my issue is that the compilation is significantly longer compared to Less. I have realized that this is due to it generating sprites on each compile. Is there a way to turn this off? IE, only compile when I have a certain customization in place. I looked at the customization, and there is no way to set a customization property that

问题 I'm using fontello font-icons. They work perfectly except with Internet Explorer. They do not react also with the hover status and so... The problem I'm getting at this moment is a trange underline under the font-icon. I already tried text-decoration, border-bottom... Do anybody have any solution for this: This is my CSS code, I'm using SASS in this project: nav{ a{ width: 60px; height: $height-header-nav-tablet; float: left; line-height: 50px; text-align: center; @media screen and (min-width

问题 I have a little ruby script that uses Compass to compile *.scss files, since Compass and Sass are ruby-based I am just using the compiler directly like this (based on this SO question): require 'compass' require 'sass' Compass.add_configuration({ :project_path => '.', :sass_path => 'css', :css_path => 'css', :output_style => :compressed },'custom') Compass.compiler.compile('css/index.scss', 'css/index.css') That works as expected and does the compilation, BUT, I also get this message: Compass

问题 So I'm trying to install a package $ sudo gem install compass to be specific. It installs correctly and shows up when I do a list: $ gem list *** LOCAL GEMS *** chunky_png (1.2.5) compass (0.12.2) fssm (0.2.9) sass (3.1.20) but for some reason when I try to run compass nothing happens. It says the command is not found. What am I doing wrong? $ compass bash: compass: command not found I'm running Ubuntu if that helps. 回答1: Confirm that there is output for locate -r /compass.rb$ , then echo

问题 I've been going through the online reference of compass when I ran into this page: http://compass-style.org/reference/compass/utilities/general/hacks/ On this page, there apear to be 2 methods to implement a has-layout hack for IE. One of them sets zoom: 1; The other sets display: inline-block; , and then sets it back to display: block; again. What the manual doesn't explain is what's the difference between these two. Is there any difference? Are there particular situations where you would

问题 Ubuntu 14.04 Node 0.10.25 Express 4.2.0 sudo apt-get install nodejs npm install -g express-generator express -c compass test cd test npm install npm start send request from browser GET / 200 12ms - 206b events.js:72 throw er; // Unhandled 'error' event ^ Error: spawn ENOENT at errnoException (child_process.js:988:11) at Process.ChildProcess._handle.onexit (child_process.js:779:34) npm ERR! weird error 8 npm WARN This failure might be due to the use of legacy binary "node" npm WARN For further

问题 Can anyone tell me how I can get Compass to add the vendor prefixes to CSS3 animation selectors when it compiles? My config file looks like this. http_path = "/" css_dir = "/" sass_dir = "/" images_dir = "img" javascripts_dir = "js" output_style = :expanded relative_assets = true line_comments = false I've tried adding Compass::BrowserSupport.add_support("animation", "webkit", "moz", "ms") to it, but it doesn't work. Edit In response to cimmanon's comment, I wanted to avoid having to repeat

问题 In Ruby, you can easily pass a variable from inside a method into the attached code block: def mymethod (1..10).each { |e| yield(e * 10) } # Passes a number to associated block end mymethod { |i| puts "Here comes #{i}" } # Outputs the number received from the method I would like to do the same thing in SASS mixin: =my-mixin @for $i from 1 to 8 .grid-#{$i} @content +my-mixin color: nth("red green blue orange yellow brown black purple", $i) This code won't work because $i is declared inside the