compass-sass

How to use compass with rails 3.1

∥☆過路亽.° 提交于 2019-11-29 22:12:57
I have searched and searched and all I could see was that to use compass with rails 3.1 was to just edit the Gemfile like so: gem 'compass', :git => 'https://github.com/chriseppstein/compass.git', :branch => 'rails31' gem 'sass-rails', "~> 3.1.0.rc" Yes I understand that but what next? Every tutorial I saw said just that, use that certain fork. But I am still having trouble with using compass with rails 3.1. I did this: $ compass init rails . --syntax sass directory ./app/stylesheets/ create ./config/compass.rb create ./app/stylesheets/screen.sass create ./app/stylesheets/print.sass create .

Compass: generate Sprites, plus width / height on each images in the sprite

天大地大妈咪最大 提交于 2019-11-29 20:17:58
I'm using Compass (a CSS Framework) to generate sprite images. It work, but compass generate only a background-position for each image. Is it possible to get also the width and the height for each image in the sprite? This is my code: @import "ico/*.png"; @include all-ico-sprites; The generated code: .ico-sprite, .ico-bag-blue, .ico-bag-black { background: url('../images/ico-s78b1a1919b.png') no-repeat; } .ico-bag-blue { background-position: 0 0; } .ico-bag-black { background-position: 0 -24px; } And the code i would like to have: .ico-sprite, .ico-bag-blue, .ico-bag-black { background: url('.

Compass, config.rb and getting the output actually :compressed

拥有回忆 提交于 2019-11-29 17:56:43
This is my config.rb preferred_syntax = :sass http_path = '/' css_dir = 'css' sass_dir = 'sass' images_dir = 'assets/images' javascripts_dir = 'js' relative_assets = true line_comments = false output_style = :compressed The thing is that the code won't be compressed, sample of few blocks: /* line 37, ../sass/style.scss */ .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } /* line 37, ../sass/style.scss */ .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a;

ruby sass, unable to resolve dependancies

独自空忆成欢 提交于 2019-11-29 16:46:22
I downloaded two gem files: Sass-3.3.7.gem & compass-0.12.6.gem I ran gem install --local Sass-3.3.7.gem which it installed. Followed by the same command for compass , but got the error: unable to resolve dependencies: compass requires sass (~>3.2.19) I'm installing them pre-downloaded as I have no connection. Anyone knows what can be the solution? Compass 0.12.6 apparently depends on sass ~>3.2.19, which means that the version of sass should be bigger than 3.2 and smaller than 3.3, so basically compass needs sass 3.2.x. You have two options. Also download sass 3.2.19, install both versions of

How to setup Gruntfile to use compass/sass on heroku?

假如想象 提交于 2019-11-29 12:05:02
问题 I've successfully set up my heroku app with the grunt buildpack. When I push my Node.js app to heroku it will run the appropriate grunt task. What I'd like is to use the 'grunt-contrib-compass' package to compile my .scss files. But that requires the compass executable and I don't know how to get that. I've checked the heroku documentation and have seen an outdated doc that describes setting up compass with ruby... but I haven't seen any recent documentation for setting it up with Node.js.

SCSS/SASS Multiple Sites in Multiple Directories

ⅰ亾dé卋堺 提交于 2019-11-29 11:53:24
I'm looking at setting SCSS up on a platform that uses SVN with multiple websites on a team of eight. Our currently site structure is like this. REPO > WEBSITE1 > CSS REPO > WEBSITE2 > CSS REPO > WEBSITE3 > CSS REPO > WEBSITE4 > CSS Is there any way to Make Compass or SASS watch the entire repository (without having to watch / unwatch) each individual website with the config.rb or any other method? Thanks for your help! #!/bin/bash for i in repoa repob repoc repod do compass watch "$i/pathtoyourconfig.rb" & done 来源: https://stackoverflow.com/questions/9688084/scss-sass-multiple-sites-in

Sass Mixin Error for IE specific filters like -ms-filter

╄→гoц情女王★ 提交于 2019-11-29 11:38:37
问题 I'm trying to make a button mixin like this: =default_button(!lighter, !darker) :border= 1px !lighter solid :background-color #e3e3e3 :background= -webkit-gradient(linear, 0 0, 0 100%, from(!lighter), to(!darker)) repeat-x, #d0581e :background= -moz-linear-gradient(90deg, !darker, !lighter) repeat-x scroll 0 0 #d0581e :filter= progid:DXImageTransform.Microsoft.gradient(startColorstr='!lighter', endColorstr='!darker') :-ms-filter= "progid:DXImageTransform.Microsoft.gradient(startColorstr='

How to import scss file in compass only if it exists?

心已入冬 提交于 2019-11-29 10:56:13
I need to have special scss file that is different for every installation of the project, so I don't want to include it in git archive. But everything should work even if this file doesn't exist. Is there any way to @import scss file only if it exists, ignoring file not found error? cimmanon You'll need to make use of the "import-path" option to do this, where the path you're importing contains the fallback files you want to import (in our case, we want an empty file). Option 1: Vanilla Sass File structure ├── fallback ├── _example.scss // <-- our blank file ├── _example.scss // <-- the file

Asset pipeline, compass font-face and eot?iefix call to the font

非 Y 不嫁゛ 提交于 2019-11-29 09:59:30
问题 I am trying to use a Compass font-face mixin, which contains the inclusion of *.eot?iefix My app/assets/fonts contains all the font types needed, including .eot. When I try to run assets:precompile the task fails saying something like: webfont.eot?iefix isn't precompiled Do you know the possible solution for this problem? It runs with no error in case I have config.assets.compile = true, but as I've understood it's better not to use it on production. 回答1: You can do it with pure Scss too:

Yeoman error: “Errno::EACCES on line [”897“] of C: Permission denied”

主宰稳场 提交于 2019-11-29 05:57:19
I upgraded my hardware yesterday and fresh installed Win 8.1. This error is killing me since then. I already lost full day of work trying to figure out what's going on. I never encountered this on my Mac or in my old Win 7 machine. Setting up a new project with yo webapp using Bootstrap and Modernizr works great. Server would fire-up and I can see my updates livereload. But, setting up a new project with Compass and SASS included would prevent me from starting local server and throw this error: D:\test>grunt serve Running "serve" task Running "clean:server" (clean) task Running "concurrent