compass-sass

The problem Foundation 5 was released last week, that's great, but the new version requires to use bower for using F5 with SASS and the official documentation seems to be a bit incomplete and immature. I'm trying to create a project using the steps proposed by the docs: [sudo] npm install -g bower and then gem install foundation No problems here. The problem is when creating a Compass project: foundation new MY_PROJECT cd MY_PROJECT compass compile After Compass compilation, I get the following error: directory stylesheets/ error scss/app.scss (Line 1: File to import not found or unreadable:

Note: This question refers to a Rails project with Sass & Compass. Using the Rails Asset Pipeline? Then have a look at this question . We are developing a big application with many use cases and many individually styled pages, partly for multiple contexts. Which simply means a lot of style information. With the newest section of our application, we have broken Internet Explorer's limit of 4095 selectors per stylesheet. (Want a proof of this limitation? http://marc.baffl.co.uk/browser_bugs/css-selector-limit/ ) Okay. So, why do we not simply split the application style sheet into multiple ones

I'm using sass and compass and I am trying to create css classes for images matching a given pattern. The intended/resulting css mostly looks like this: .class1 { background-image: url(class1.png); } .class2 { background-image: url(class2.png); } While it might be possible to use the compass sprite functionality ( http://compass-style.org/help/tutorials/spriting/ ) it is inconvenient (as it will generate new files) in my case as the images are already spritesheets themselves. So being able to do something like @each $clazz in listFiles("images/*") { .#{$clazz} { background-image: url('#{$clazz

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 Bootstrap has a similar implementation, but Foundation does not. What I'm doing I've implemented a simple

I am using compass' font-face mixin along with the inline-font-files and font-files in order to create something along the lines of the The New Bulletproof @Font-Face Syntax using Data URIs for woff, ttf and otf files. I use relative URLs for eot (due to lack of IE support for data URI) and for svg files, (due to the #FontName hash I guess). The eot file poses no problem since there is a parameter for that, but because font-face in Compass treats svg no different from other formats I simply cannot use inline-font-files to include the font data, since that would make the svg version inline as

Is it possible to have style changes done directly in the "Styles" panel not only persisted to the .css but also to the corresponding .scss file? I have CSS source maps for every file and that works fine - I can jump right into the .scss file when I Ctrl-Click a property. I can edit the .scss file then and it reloads correctly (compass task in the background), but unfortunately everything I change directly in the Styles panel is persisted only to the compiled .css file. As soon as I change a value, the file changes to main.css and the changes are only persisted there: SASS/SCSS live editing no

I'm aware of this question: How to add Compass syntax support to Jetbrains PhpStorm? but it doesn't help. I just opted for copying the files over, much easier in my project. But phpstorm still complains about compass. Without compass it compiles scss using ruby 1.9.3 without problems. Is my set up correct? EDIT : This is for PhpStorm 6- Compass is supported in PhpStorm 7+ First of all, the question that you had linked is about enabling support for Compass-style imports, and it is a workaround that does not work for every project. Your question is about a different thing: compiling Compass

How do I configure compass to output smaller or compressed CSS files? I tried compass -s compressed but that didn't work. Rob Wilkerson In your config.rb file: output_style = :compressed More at http://compass-style.org/help/documentation/configuration-reference/ . Did you try with the full name of the argument in command line ? compass watch --output-style=compressed i use the following terminal command compass compile -e production --force reference: http://compass-style.org/help/tutorials/production-css/ 来源： https://stackoverflow.com/questions/2335920/how-do-i-output-compressed-css-from

I don't seem to be able to get compass working on Vagrant using this Vagrantfile . See the rest of the bash script's used right here (removed repo) (see Vaprobash if you want to provision your Vagrant Ubuntu Box!). So I was fallowing a gruntjs course, when I had to use grunt server . The only problem is that it needs a newer ruby version (1.9+ I believe instead of the 1.8) and it needs compass. So I have solved the ruby part by installing RVM and installing the latest stable version. Compass should be easy to get gem install compass and it does seem to be installed. But when I type in compass

I want to install compass by downloading any required file and taking them to another machine without internet connection . I have downloaded the source package for compass and when I run gem on it in the non connected machine it complains about missing dependencies. Any solution? jadephantom Thats exactly the problem I had. After searching around a while I found a Solution who works using Bundler https://bundler.io/ Getting Gem with Dependencies: Create a new Folder with a File named Gemfile in it. Write a Source and the Gem you want to have the dependencys for into the File Bsp: source "