mirror of
https://github.com/haml/haml.git
synced 2022-11-09 12:33:31 -05:00
[Sass] Add a Script::Color#with function.
This commit is contained in:
parent
04bfdf00c2
commit
69533faf69
2 changed files with 46 additions and 13 deletions
|
@ -5,24 +5,32 @@
|
||||||
|
|
||||||
## 2.2.14 (Unreleased)
|
## 2.2.14 (Unreleased)
|
||||||
|
|
||||||
* {Sass::Script::Color#value} attribute is deprecated.
|
|
||||||
Use {Sass::Script::Color#rgb} instead.
|
|
||||||
The returned array is now frozen as well.
|
|
||||||
This only affects people defining their own Sass functions
|
|
||||||
in Ruby.
|
|
||||||
|
|
||||||
* All Sass functions now raise explicit errors if their inputs
|
* All Sass functions now raise explicit errors if their inputs
|
||||||
are of the incorrect type.
|
are of the incorrect type.
|
||||||
|
|
||||||
* Allow the SassScript `rgb()` function to take percentages
|
* Allow the SassScript `rgb()` function to take percentages
|
||||||
in addition to numerical values.
|
in addition to numerical values.
|
||||||
|
|
||||||
* Add an `assert_type` function that's available to {Sass::Script::Functions}.
|
|
||||||
This is useful for typechecking the inputs to functions.
|
|
||||||
|
|
||||||
* Fixed a bug where SassScript strings with `#` followed by `#{}` interpolation
|
* Fixed a bug where SassScript strings with `#` followed by `#{}` interpolation
|
||||||
didn't evaluate the interpolation.
|
didn't evaluate the interpolation.
|
||||||
|
|
||||||
|
### SassScript Ruby API
|
||||||
|
|
||||||
|
These changes only affect people defining their own Sass functions
|
||||||
|
using {Sass::Script::Functions}.
|
||||||
|
|
||||||
|
* {Sass::Script::Color#value} attribute is deprecated.
|
||||||
|
Use {Sass::Script::Color#rgb} instead.
|
||||||
|
The returned array is now frozen as well.
|
||||||
|
|
||||||
|
* Added {Sass::Script::Color#with} for a way of setting color channels
|
||||||
|
that's easier than manually constructing a new color
|
||||||
|
and is forwards-compatible with alpha-channel colors
|
||||||
|
(to be introduced in Sass 2.4).
|
||||||
|
|
||||||
|
* Add an `assert_type` function that's available to {Sass::Script::Functions}.
|
||||||
|
This is useful for typechecking the inputs to functions.
|
||||||
|
|
||||||
### Rack Support
|
### Rack Support
|
||||||
|
|
||||||
Sass 2.2.14 includes Rack middleware for running Sass,
|
Sass 2.2.14 includes Rack middleware for running Sass,
|
||||||
|
|
|
@ -27,13 +27,18 @@ module Sass::Script
|
||||||
# A hash from [red, green, blue] value arrays to color names.
|
# A hash from [red, green, blue] value arrays to color names.
|
||||||
HTML4_COLORS_REVERSE = map_hash(HTML4_COLORS) {|k, v| [v, k]}
|
HTML4_COLORS_REVERSE = map_hash(HTML4_COLORS) {|k, v| [v, k]}
|
||||||
|
|
||||||
|
# Creates a new color from RGB components.
|
||||||
|
# *Note*: when modifying the components of an existing color,
|
||||||
|
# use \{#with} rather than creating a new color object.
|
||||||
|
# This preserves forwards-compatiblity for alpha channels and such.
|
||||||
|
#
|
||||||
# @param rgb [Array<Fixnum>] A three-element array of the red, green, and blue values (respectively)
|
# @param rgb [Array<Fixnum>] A three-element array of the red, green, and blue values (respectively)
|
||||||
# of the color
|
# of the color
|
||||||
# @raise [Sass::SyntaxError] if any color value isn't between 0 and 255
|
# @raise [Sass::SyntaxError] if any color value isn't between 0 and 255
|
||||||
def initialize(rgb)
|
def initialize(rgb)
|
||||||
rgb = rgb.map {|c| c.to_i}
|
rgb = rgb.map {|c| c.to_i}
|
||||||
raise Sass::SyntaxError.new("Color values must be between 0 and 255") if rgb.any? {|c| c < 0 || c > 255}
|
raise Sass::SyntaxError.new("Color values must be between 0 and 255") if rgb.any? {|c| c < 0 || c > 255}
|
||||||
super(rgb)
|
super(rgb.freeze)
|
||||||
end
|
end
|
||||||
|
|
||||||
# @deprecated This will be removed in version 2.6.
|
# @deprecated This will be removed in version 2.6.
|
||||||
|
@ -49,10 +54,30 @@ END
|
||||||
|
|
||||||
# Returns the red, green, and blue components of the color.
|
# Returns the red, green, and blue components of the color.
|
||||||
#
|
#
|
||||||
# @return [Array<Fixnum>] A three-element array of the red, green, and blue
|
# @return [Array<Fixnum>] A frozen three-element array of the red, green, and blue
|
||||||
# values (respectively) of the color
|
# values (respectively) of the color
|
||||||
def rgb
|
def rgb
|
||||||
@value.freeze
|
@value
|
||||||
|
end
|
||||||
|
|
||||||
|
# Returns a copy of this color with one or more channels changed.
|
||||||
|
#
|
||||||
|
# For example:
|
||||||
|
#
|
||||||
|
# Color.new([10, 20, 30].with(:blue => 40)
|
||||||
|
# #=> rgb(10, 40, 30)
|
||||||
|
# Color.new([126, 126, 126]).with(:red => 0, :green => 255)
|
||||||
|
# #=> rgb(0, 255, 126)
|
||||||
|
#
|
||||||
|
# @param attrs [Hash<Symbol, Fixnum>]
|
||||||
|
# A map of channel names (`:red`, `:green`, or `:blue`) to values
|
||||||
|
# @return [Color] The new Color object
|
||||||
|
def with(attrs)
|
||||||
|
Color.new([
|
||||||
|
attrs[:red] || rgb[0],
|
||||||
|
attrs[:green] || rgb[1],
|
||||||
|
attrs[:blue] || rgb[2],
|
||||||
|
])
|
||||||
end
|
end
|
||||||
|
|
||||||
# The SassScript `+` operation.
|
# The SassScript `+` operation.
|
||||||
|
@ -195,7 +220,7 @@ END
|
||||||
res = rgb[i].send(operation, other_num ? other.value : other.rgb[i])
|
res = rgb[i].send(operation, other_num ? other.value : other.rgb[i])
|
||||||
result[i] = [ [res, 255].min, 0 ].max
|
result[i] = [ [res, 255].min, 0 ].max
|
||||||
end
|
end
|
||||||
Color.new(result)
|
with(:red => result[0], :green => result[1], :blue => result[2])
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
Loading…
Add table
Reference in a new issue