how to use replace-text-with-dimensions in a DRY way with Rails 3.1?

[Ramon Tayag]

I have a bunch of variables:

$add_icon_24: "icons/dimensions_24/add.png";
$arrow_up_down_icon_24: "icons/dimensions_24/arrow_up_down.png";

These images live in `app/assets/images/`. How do you use
`replace-text-with-dimensions` in a DRY manner with these?

`@include replace-text-with-dimensions($add_icon_24)` won't work. I
get an error: "Unknown file type png". I was thinking of making a Sass
function that finds the asset and returns the relative path from the
Rails.root, using
`YourAppName::Application.assets.find_asset('icons/dimensions_24/add.png')`,
but I figured I'd ask here first. I have to wrap my head around how
Sass Literals work before I do that.

Ramon Tayag

[Ramon Tayag]

I worked on this: https://gist.github.com/1203567

It's almost complete, but the value that gets passed in already has
`url()` surrounding it. Howcome?

Ramon Tayag

[Roy Tomeij]

This works perfectly fine in my Rails 3.1 project:

@import "compass/utilities/text/replacement"

#test
+replace-text-with-dimensions("icons/dimensions_24/logo.gif")

[Ramon Tayag]

And your icons are in app/assets/images?

I tried `replace-text-with-dimension("icons/dimensions_24/cancel.png")`,
but still got `No such file or directory -
/home/ramon/source/unstilted/images/icons/dimensions_24/cancel.png`

This is the compass I'm using: gem 'compass', :git =>
'git://github.com/chriseppstein/compass.git', :branch => 'rails31'

I've updated it in the past day.

Ramon Tayag

> --
> You received this message because you are subscribed to the Google Groups "Compass" group.
> To post to this group, send email to compas...@googlegroups.com.
> To unsubscribe from this group, send email to compass-user...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/compass-users?hl=en.
>
>

[Chris Eppstein]

Here's what I did recently:

@import "jd/icons/subtle-icon/*.png";

#{$subtle-icon-sprite-base-class} {

  @include subtle-icon-sprite-dimensions(default); //default is the name of one of my sprites -- adjust accordingly.

}

@include all-subtle-icon-sprites;

[Ramon Tayag]

Chris, I'm not familiar with this syntax, not sure why - I've imported
sprites before. However, from what you've typed, do you suggest
importing them as sprites instead? Or did you paste that to show that
pngs work?

Ramon Tayag

[Ramon Tayag]

Ok nvm, just had a brain fart. My old code was like that. I'll try
using sprites.

Ramon Tayag

[Ramon Tayag]

I found myself not going with sprites. However, I'm still unable to
get the `replace-text-with-dimensions` to work with an image that's in
the `app/asset/images/icons/dimensions_48/` directory. This code:

@include replace-text-with-dimensions("/icons/dimensions_48/box_upload.png");

Produces this error:

No such file or directory -

/home/ramon/source/unstilted/images/icons/dimensions_48/box_upload.png
(in /home/ramon/source/unstilted/app/assets/stylesheets/admin_site/image_and_attachment_editor.css.scss)

Just to keep things simple (not use sprites), how do I use
`replace-text-with-dimensions` with a Rails 3.1 asset?

Thanks!

[Scott Davis]

I just fixed this last night try the current master

Sent from my iPhone

[Ramon Tayag]

Oh. Sweet. Thanks!

Ramon Tayag

On Sat, Sep 24, 2011 at 11:00 PM, Scott Davis <jetvi...@gmail.com> wrote:

[Quinn Chaffee]

Sweet! I want to bump this because it solved my problem.

Just had to update my Gemfile to point compass to the github repo.

I was pointing it to a rubygems version.

Thanks a bunch guys!