compass-sass

问题 A common problem I have with @extend is when trying to override the inherited properties with another @extend . Here's an example: // class selectors to be @extended // these could also use % to be silent/placeholder selectors .size-2xl { @include rem(font-size, 40px); } .size-3xl { @include rem(font-size, 60px); } // mapping the class selector properties onto some structural classes .heading1 { @extend .size-3xl; } .heading1-small { @extend .heading1; @extend .size-2xl; } When the SCSS is

问题 I have spent over 5 hours trying to solve this and feel that since I haven't done it before I should ask some help now... I have a site I inherited with Sass/Compass put together. I have it set up on my localhost and it works fine for that site. I have a second localhost site I want to use it on. So I went to the theme folder in terminal - (/sites/all/theme/newtheme/) I tried to start watching a sass folder with compass and keep getting these errors... /Library/Ruby/Site/1.8/rubygems

问题 I've recently been using Compass with Sass to do some CSS spriting, as it's extremely useful. However, the filename is always appended with a random string. E.g. icons-s5eb424578c.png . And I don't want this random string to be appended, because it means I'm required to upload both the new CSS file & the new sprite image every time there's a change. So, does anyone know which Ruby or other config file within the Compass gem directory, that is appending this random string? Then I can just

问题 tl;dr; I've implemented a way to regenerate Foundation's grid inside media queries. But it results in a Sass deprecation warning. Is there a better implementation to accomplish my goal? The goal I'd like to change the total grid width (thereby changing each column size in the grid) for different responsive break points using media queries. For example, I want a small grid for tablets (with a total width of 768px) but a large grid for large desktops (with a total width of 1200px). Twitter

问题 I am looping through a list of names in sass and it seems that the sass is breaking when it arrives at a point where the class names starts with a number. Infact when i commented out the class names starting with a numeric value, the sass compilation worked fine. That said i cannot rename the class names. How I can make it work? Below is the code im trying: @each $car in bmwwhite hondared //22ltr-porche //30ltr-cossworth { .#{$car} { background:url(/img/cars/#{$car}.jpg) no-repeat } } 回答1:

问题 There is a feature in netbeans 7.4 that allows scss and less to auto compile on save. I have managed to set up scss to compile but I am having problems compiling scss files using compass. Here is an example error: Syntax error: File to import not found or unreadable: compass/css3. Load path: /www/site on line 2 of /www/site/app/View/Themed/Admin/webroot/scss/core.scss Currently the compass is imported like so: @import "compass/css3"; Thanks 回答1: In NetBeans, click the File > Project

问题 In my team we have the same version of Compass (it`s Compass 0.12.2 Alnilam). When Compass compiles my SCSS the color code is changed from uppercase (#A0CAE3) to lowercase (#a0cae3) in the SCSS. Only I have this problem, other developers have the uppercase color code. Why? 回答1: Is should check version of "sass". sass -v Sass version 3.1.15 works fine in my case. Uninstall all installed "sass" versions with gem uninstall sass and install 3.1.15 version gem install sass -v 3.1.15 来源： https:/

问题 I'm working on someone else's project that was built in wordpress and foundation with compass. I only need to change one line of css, but Codekit keeps throwing up "unable to compile files" messages whenever I save the .scss file. I know that this is a result of the require statement in the project's config.rb file and that codekit doesn't play well with rvm. The solution should be to change codekit's advanced compiler settings to the compass gem I've installed via the command line in my

问题 When I compile my SCSS, I'm getting a "file not found" error that leads me to believe there is something wrong with my config.rb. The error from the command line includes part of the path twice as well as the ".." relative directory: File not found or cannot be read: C:/REALLY_LONG_PATH/C:/REALLY_LONG_PATH/../img/avatar.jpg The config.rb reads as follows: # Delineate the directory for our SASS/SCSS files (this directory) sass_path = File.dirname(__FILE__) # Delineate the CSS directory (under

问题 Can Susy automatically fill a multi column layout if elements have different widths? What I want (see code below): +---------+---------+---------+ | I | want | this | +---------+---------+---------+ | filled | automatically! | +---------+-------------------+ What I get (see code below): +---------+---------+---------+ | I | want | | +---------+---------+---------+ | this | filled | | +---------+---------+---------+ | automatically! | | +---------+---------+---------+ Purpose? For a responsive