Re: [haml] Re: SCSS function to remove a portion of the sting #ffffff ffffff
I run into another problem. ff is renamed to white. How can I prevent
this?
On Tue, Feb 22, 2011 at 3:30 AM, Mike Branderhorst
mikebranderho...@gmail.com wrote:
Thx Chris,
It works :-)
I added the next lines to the bottom of my config.rb
module Sass::Script::Functions
def gsub(string, regexp, replacement)
Sass::Script::String.new(string.value.gsub(Regexp.new(regexp.value),
replacement.value))
end
end
And used it like this:
$someComputedColor: #22;
$color: gsub(#{$someComputedColor}, ^#, );
background: url(
http://jqueryui.com/themeroller/images/?new=#{$color}w=256h=240f=pngfltr[]=rcd|256fltr[]=mask|icons/icons.png
);
On Tue, Feb 22, 2011 at 3:06 AM, Chris Eppstein ch...@eppsteins.netwrote:
The simplest approach is to just drop that snippet into your compass
config.
You'll need to coerce your color to a string before passing it to that
function. Any value can be coerced to a string like this: #{$value}
chris
On Mon, Feb 21, 2011 at 5:47 PM, Mike mikebranderho...@gmail.com wrote:
Thx Chris,
Do I put gsub_ext.rb next to config.rb?
I just made a simple example for my question. At the moment I make
jQuery UI SASS ready. With a custom made themeroller but I still have
to get the generated icons from themeroller.
background: url(http://jqueryui.com/themeroller/images/?
new=22w=256h=240f=pngfltr[]=rcd|256fltr[]=mask|icons/
icons.png);
Notice 22, this is the place where I put the user defined color to
generate the icons.
Later, I'll grep the sprite with php and save it local on server.
On Feb 22, 2:24 am, Chris Eppstein ch...@eppsteins.net wrote:
There's no reliable way of accomplishing this. First, Sass doesn't
expose
many string operations and second, different output modes of sass will
generate different output values for colors of the same input color. If
you
must, check out this gist where I show you how you can add the gsub
function
to sass:https://gist.github.com/790592
It seems like you want to generate png of a certain color. If so you
might
enjoy this compass plugin that does it transparently (pun intended) for
you:
https://github.com/aaronrussell/compass-rgbapng
https://github.com/aaronrussell/compass-rgbapngChris
On Mon, Feb 21, 2011 at 4:17 PM, Mike mikebranderho...@gmail.com
wrote:
I'm just new to SASS and SCSS and for now I'm blown away, this is
just
fantastic.
Now, what I'm looking for is a way to remove the # from the color at
a
certain time.
In a SCSS file I'm using and calculating away with a certain color
ex.
#ff.
I'm using background url params to access the colored image whithout
#.
$color = #ff; background: url(img/#{$color}.png);
How can remove #?
To get this: background: url(img/ff.png);
--
You received this message because you are subscribed to the Google
Groups
Haml group.
To post to this group, send email to haml@googlegroups.com.
To unsubscribe from this group, send email to
haml+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/haml?hl=en.
--
You received this message because you are subscribed to the Google Groups
Haml group.
To post to this group, send email to haml@googlegroups.com.
To unsubscribe from this group, send email to
haml+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/haml?hl=en.
--
You received this message because you are subscribed to the Google Groups
Haml group.
To post to this group, send email to haml@googlegroups.com.
To unsubscribe from this group, send email to
haml+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/haml?hl=en.
--
You received this message because you are subscribed to the Google Groups
Haml group.
To post to this group, send email to haml@googlegroups.com.
To unsubscribe from this group, send email to haml+unsubscr...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/haml?hl=en.
Re: [haml] Re: SCSS function to remove a portion of the sting #ffffff ffffff
Thx Chris,
It works :-)
I added the next lines to the bottom of my config.rb
module Sass::Script::Functions
def gsub(string, regexp, replacement)
Sass::Script::String.new(string.value.gsub(Regexp.new(regexp.value),
replacement.value))
end
end
And used it like this:
$someComputedColor: #22;
$color: gsub(#{$someComputedColor}, ^#, );
background: url(
http://jqueryui.com/themeroller/images/?new=#{$color}w=256h=240f=pngfltr[]=rcd|256fltr[]=mask|icons/icons.png
);
On Tue, Feb 22, 2011 at 3:06 AM, Chris Eppstein ch...@eppsteins.net wrote:
The simplest approach is to just drop that snippet into your compass
config.
You'll need to coerce your color to a string before passing it to that
function. Any value can be coerced to a string like this: #{$value}
chris
On Mon, Feb 21, 2011 at 5:47 PM, Mike mikebranderho...@gmail.com wrote:
Thx Chris,
Do I put gsub_ext.rb next to config.rb?
I just made a simple example for my question. At the moment I make
jQuery UI SASS ready. With a custom made themeroller but I still have
to get the generated icons from themeroller.
background: url(http://jqueryui.com/themeroller/images/?
new=22w=256h=240f=pngfltr[]=rcd|256fltr[]=mask|icons/
icons.png);
Notice 22, this is the place where I put the user defined color to
generate the icons.
Later, I'll grep the sprite with php and save it local on server.
On Feb 22, 2:24 am, Chris Eppstein ch...@eppsteins.net wrote:
There's no reliable way of accomplishing this. First, Sass doesn't
expose
many string operations and second, different output modes of sass will
generate different output values for colors of the same input color. If
you
must, check out this gist where I show you how you can add the gsub
function
to sass:https://gist.github.com/790592
It seems like you want to generate png of a certain color. If so you
might
enjoy this compass plugin that does it transparently (pun intended) for
you:
https://github.com/aaronrussell/compass-rgbapng
https://github.com/aaronrussell/compass-rgbapngChris
On Mon, Feb 21, 2011 at 4:17 PM, Mike mikebranderho...@gmail.com
wrote:
I'm just new to SASS and SCSS and for now I'm blown away, this is just
fantastic.
Now, what I'm looking for is a way to remove the # from the color at a
certain time.
In a SCSS file I'm using and calculating away with a certain color ex.
#ff.
I'm using background url params to access the colored image whithout
#.
$color = #ff; background: url(img/#{$color}.png);
How can remove #?
To get this: background: url(img/ff.png);
--
You received this message because you are subscribed to the Google
Groups
Haml group.
To post to this group, send email to haml@googlegroups.com.
To unsubscribe from this group, send email to
haml+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/haml?hl=en.
--
You received this message because you are subscribed to the Google Groups
Haml group.
To post to this group, send email to haml@googlegroups.com.
To unsubscribe from this group, send email to
haml+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/haml?hl=en.
--
You received this message because you are subscribed to the Google Groups
Haml group.
To post to this group, send email to haml@googlegroups.com.
To unsubscribe from this group, send email to
haml+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/haml?hl=en.
--
You received this message because you are subscribed to the Google Groups
Haml group.
To post to this group, send email to haml@googlegroups.com.
To unsubscribe from this group, send email to haml+unsubscr...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/haml?hl=en.
