compass-sass

问题 I am running compass watch my_project on Windows XP. index.scss : @charset "UTF-8"; @import 'partial'; // ... _partial.scss : p:before { content: '•'; } config.rb : encoding = "utf-8" Generated index.css : @charset "UTF-8"; /* line 1, ../sass/_partial.scss */ p:before { content: 'ÔÇó'; } // ... How do I make Compass/Sass interpret the partial as UTF-8? Is there perhaps an environment variable that I can set to change default character encoding used by Ruby ( compass is a Ruby app)? 回答1: On my

问题 I want to create a sass file that the selectors will be attribute selectors. When I work with class selectors, in most of the cases I will do .parent { &-child { } } which gives me the following css: .parent-child {} . I want to achieve the same thing with attribute selectors: [data-parent] { &-child { } } which I want to become: [data-parent-child] {} someone knows how to achieve this? thanks. 回答1: You can use this mixin as a workaround to get the desired result. @mixin child-attribute(

问题 I'm building a single page app using the most recent yeoman build 1.0.0beta3 and compass 0.12.2 When starting compass:server I get lots of errors, but during dev time all seems to be ok in my browser. grunt build then does not fail, but builds improper CSS output, so that the layout in the browser is borken. Maybe that's all my fault, caused by a misunderstanding. What I have is a main.sass file with all my includes: // compass @import 'compass' @import 'compass/reset' @import 'compass/css3'

问题 I'm getting so tired of this problem right now. I've been put off so many times trying to get this going. I feel this is my last attempt in solving what is wrong. Here goes: I install compass sudo gem update --system sudo gem install compass I create my test project (named test) compass create test That generates this directory test/ directory test/sass/ directory test/stylesheets/ create test/config.rb create test/sass/screen.scss create test/sass/print.scss create test/sass/ie.scss I try to

问题 I'm using Susy. I failed leveraging the content-first approach and decided to go window-px-widths-first At first i tried the content-first approach to grids, but soon i found my site behaving unexpectedly on different devices. It would display a mobile layout where i wanted a tablet layout, etc. I ended up adjusting em values of Susy settings for them to match certain screen widths (px values). The code got ugly and i realized that i wasn't actually using the content-first approach any more.

问题 I've been googling around for an answer to this but haven't found exactly what I'm looking for. I'm dipping my toes in the water of the Symfony framework having been using CodeIgniter for a few years. I like the "bundle" approach so far except that I'm having a few issues getting my head around how to deal with assets, specifically css files. I am used to using the Compass framework and typically will set up a directory structure using partials that compile down to one main stylesheet.

问题 This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center. Closed 7 years ago . I've installed Zurb Foundation sass into an expressionengine project but i'm getting this when saving the app.scss file: Compass was unable to compile

问题 I've got the latest yeoman stack, and I just upgraded generator-webapp to master as per: https://github.com/yeoman/generator-webapp/pull/67 to get livereload working properly. HTML files and css files seem to be working with livereload just fine, but scss files don't trigger a reload. Here's a snippet of output: OK >> File "app/index.html" changed. Running "watch" task ... Reload app/index.html ... ... Reload app/index.html ... Completed in 0.005s at Wed Jun 05 2013 22:45:46 GMT+0100 (BST) -

问题 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

问题 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? 回答1: 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.