sass-extras 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: ac5519a8b4bf64a198c1df9c394825961d3f4662
+  data.tar.gz: 7e8ca39eab7f6200859cd754cd7acfc59227bd31
+SHA512:
+  metadata.gz: a3c396ea1377ad290e2bddf47ad0f17c3c8cb77f14cca7be94376a88e8bcf935777af5d3d99046691759c250a608fcf1682b91f17effa06233d5b2431d96bdd8
+  data.tar.gz: bda6b6651d35c787f57d5b0f8e7cbed500c5c6479fd5cd22c6a601ff6516713980b61755a185baa72b924724adf2cc5b0638c780c9d89a5eb0de6dfe4839cfee

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/.travis.yml

@@ -0,0 +1,7 @@
+language: ruby
+rvm:
+  - 2.1.0
+  - 2.0.0
+  - 1.9.3
+  - jruby-19mode
+  - rbx-2.2.4

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in sass-extras.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Tobias Haagen Michaelsen
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,91 @@
+# Sass::Extras
+
+[![Build Status](https://travis-ci.org/tobiashm/sass-extras.png?branch=master)](https://travis-ci.org/tobiashm/sass-extras)
+
+A collection of miscellaneous SASS extensions. Mostly concerned with colour manipulation.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'sass-extras'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install sass-extras
+
+## Usage
+
+Just require this gem in your project, and it will extend the `Sass::Script::Functions` module with a selection of functions that will be available in your `.sass` or `.scss` files.
+
+Notice: All examples are in SCSS syntax.
+
+### Contrast Color
+
+Will adjust a colour so that it conforms to the [WAI](http://www.w3.org/WAI/ER/WD-AERT/#color-contrast) and [WCAG20](http://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast) recommendations for minimum contrast for text.
+
+```SCSS
+span {
+  color: contrast-color($text-color, $background-color);
+}
+```
+
+### Inline Image with a Colour
+
+Generate a data URL for an image of a given colour. Useful for e.g. backgrounds with an alpha channel in browsers that does not support `rgba`.
+
+```SCSS
+a {
+  background: url(inline-color-image(rgba(102, 54, 32, 0.5)));
+}
+```
+
+### SVG gradients
+
+Generate data URI for SVG images with either a linear or a radial gradient.
+
+Optional first argument is the colour of the gradient, going from solid to total transparent for the linear and 20% opacity for the radial gradient.
+
+Optional second argument is the height of the generated image.
+
+```SCSS
+.scrollbox {
+  background-image: radial-gradient-image-data-url(black);
+  &:before {
+    background-image: linear-gradient-image-data-url(white);
+  }
+  /* some positioning etc. */
+}
+```
+
+### YUV color space
+
+Offers two methods for generating colours based on the YUV space: `yuv(y, u, v)` and `yuva(y, u, v, alpha)`.
+
+```SCSS
+a {
+  background-color: yuva(10%, 0, 0, 0.5); /* #191919, 50% alpha */
+}
+```
+
+Besides that, a couple of helper functions to adjust brightness based on the YUV colour space, is provided.
+
+```SCSS
+set-brightness($color, $amount);
+increase-brightness($color, $amount);
+reduce-brightness($color, $amount);
+add-brightness($color, $amount);
+detract-brightness($color, $amount);
+```
+
+## Contributing
+
+1. Fork it ( http://github.com/tobiashm/sass-extras/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1,8 @@
+require "bundler/gem_tasks"
+require "rake/testtask"
+
+Rake::TestTask.new do |task|
+  task.pattern = "specs/*_spec.rb"
+end
+
+task :default => :test

data/lib/sass-extras.rb

@@ -0,0 +1 @@
+require "sass/extras"

data/lib/sass/extras.rb

@@ -0,0 +1,22 @@
+require "sass"
+require "sass/extras/version"
+require "sass/extras/contrast"
+require "sass/extras/inline_color_image"
+require "sass/extras/svg_gradients"
+require "sass/extras/yuv"
+
+module Sass
+  module Script
+    class Color
+      include Sass::Extras::Contrast::Color
+      include Sass::Extras::YUV::Color
+    end
+
+    module Functions
+      include Sass::Extras::Contrast::Functions
+      include Sass::Extras::InlineColorImage
+      include Sass::Extras::SvgGradients
+      include Sass::Extras::YUV::Functions
+    end
+  end
+end

data/lib/sass/extras/contrast.rb

@@ -0,0 +1,131 @@
+module Sass
+  module Extras
+    module Contrast
+      BRIGHTNESS_COEFS = [0.299, 0.587, 0.114]
+      LUMINANCE_COEFS = [0.2126, 0.7152, 0.0722]
+
+      module Color
+        def diff(other)
+          # W3C
+          Utils.sum(Utils.abs(rgb, other.rgb))
+        end
+
+        def diff_alt(other)
+          # 3D - Sqrt(dr^2+dg^2+db^2)
+          Math.sqrt(Utils.sum(Utils.sq(Utils.abs(rgb, other.rgb))))
+        end
+
+        def brightness
+          # W3C; Rec. 601 luma
+          Utils.sum(Utils.mul(rgb, BRIGHTNESS_COEFS))
+        end
+
+        def brightness_alt
+          # http://alienryderflex.com/hsp.html
+          Math.sqrt(Utils.sum(Utils.mul(Utils.sq(rgb), [0.241, 0.691, 0.068])))
+        end
+
+        def luminance
+          # http://www.w3.org/TR/WCAG20/#relativeluminancedef
+          norm_rgb = rgb.map { |value| value.to_f / 255 }
+          Utils.sum(Utils.mul(norm_rgb.map { |v| v <= 0.03928 ? v/12.92 : ((v+0.055)/1.055) ** 2.4 }, LUMINANCE_COEFS))
+        end
+      end
+
+      module Functions
+        def self.included(base)
+          base.declare :contrast_color, [:color]
+          base.declare :contrast_color, [:color, :seed_color]
+          base.declare :contrast_color, [:color, :seed_color, :wcag20_level]
+        end
+
+        def contrast_color(color, seed_color = nil, wcag20_level = Sass::Script::String.new("aa"))
+          seed_color ||= color
+          assert_type color, :Color, :color
+          assert_type seed_color, :Color, :seed_color
+          assert_type wcag20_level, :String, :wcag20_level
+          direction = color.brightness > 127 ? darken_method : lighten_method
+          new_color = seed_color
+          percentage = 0.0
+          until conform(new_color, color, wcag20_level.value) or percentage > 100.0 do
+            amount = Sass::Script::Number.new percentage, ['%']
+            new_color = self.send direction, seed_color, amount
+            percentage += 0.1
+          end
+          new_color
+        end
+
+        protected
+
+        # http://www.w3.org/WAI/ER/WD-AERT/#color-contrast
+        MIN_BRIGHT_DIFF = 125
+        MIN_COLOR_DIFF = 500
+
+        def conform(color1, color2, wcag20_level = "aa")
+          bright_diff = (color1.brightness - color2.brightness).abs
+          color_diff = color1.diff(color2)
+          bright_diff >= MIN_BRIGHT_DIFF && color_diff >= MIN_COLOR_DIFF && wcag20_conform(color1, color2, wcag20_level)
+        end
+
+        # http://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
+        MIN_CONTRAST_RATE_AA = 4.5
+        MIN_CONTRAST_RATE_AA_LARGE_TEXT = 3
+        MIN_CONTRAST_RATE_AAA = 7
+        MIN_CONTRAST_RATE_AAA_LARGE_TEXT = 4.5
+
+        def min_contrast_rate(wcag20_level)
+          case wcag20_level.to_s.downcase
+          when "aaa_large"
+            MIN_CONTRAST_RATE_AAA_LARGE_TEXT
+          when "aaa"
+            MIN_CONTRAST_RATE_AAA
+          when "aa_large"
+            MIN_CONTRAST_RATE_AA_LARGE_TEXT
+          else
+            MIN_CONTRAST_RATE_AA
+          end
+        end
+
+        def wcag20_conform(color1, color2, wcag20_level = "aa")
+          contrast_ratio(color1, color2) >= min_contrast_rate(wcag20_level)
+        end
+
+        def contrast_ratio(color1, color2)
+          assert_type color1, :Color
+          assert_type color2, :Color
+          l1, l2 = color1.luminance, color2.luminance
+          l2, l1 = l1, l2 if l2 > l1
+          (l1 + 0.05) / (l2 + 0.05)
+        end
+
+        private
+
+        def lighten_method
+          respond_to?(:add_brightness) ? :add_brightness : :lighten
+        end
+
+        def darken_method
+          respond_to?(:detract_brightness) ? :detract_brightness : :darken
+        end
+      end
+
+      module Utils
+        def self.abs(array, other)
+          array.zip(other).map { |x, y| (x.to_f - y.to_f).abs }
+        end
+
+        def self.mul(array, other)
+          array.zip(other).map { |x, y| x.to_f * y.to_f }
+        end
+
+        def self.sum(array)
+          array.inject(0) { |sum, value| sum + value.to_f }
+        end
+
+        def self.sq(array)
+          array.map { |e| e ** 2 }
+        end
+      end
+    end
+  end
+end

data/lib/sass/extras/inline_color_image.rb

@@ -0,0 +1,22 @@
+require "chunky_png"
+
+module Sass
+  module Extras
+    module InlineColorImage
+      def self.included(base)
+        base.declare :inline_color_image, [:color]
+      end
+
+      # Generates a data-url for a PNG created from the given color.
+      # Can be used to set a alpha-transparent background for IE8<
+      #
+      # @example
+      #   background: url(inline-color-image(rgba(102, 54, 32, 0.5)));
+      def inline_color_image(color)
+        assert_type color, :Color
+        chunky_color = ChunkyPNG::Color.rgba(color.red, color.green, color.blue, (color.alpha * 255).round)
+        Sass::Script::String.new(ChunkyPNG::Image.new(32, 32, chunky_color).to_data_url)
+      end
+    end
+  end
+end

data/lib/sass/extras/svg_gradients.rb

@@ -0,0 +1,56 @@
+require "base64"
+require "rack"
+
+module Sass
+  module Extras
+    module SvgGradients
+      def self.included(base)
+        base.declare :linear_gradient_image_data_url, [:color, :height]
+        base.declare :radial_gradient_image_data_url, [:color, :height]
+      end
+
+      def radial_gradient_image_data_url(color = Sass::Script::Color.new([0, 0, 0]), height = Sass::Script::Number.new(5))
+        assert_type color, :Color
+        assert_type height, :Number
+        svg_data_url(<<-SVG)
+          <svg xmlns="http://www.w3.org/2000/svg">
+            <defs>
+              <radialGradient id="gradient">
+                <stop offset="50%" stop-color="#{svg_color(color)}" stop-opacity="0.2"/>
+                <stop offset="100%" stop-color="#{svg_color(color)}" stop-opacity="0"/>
+              </radialGradient>
+            </defs>
+            <rect width="100%" height="#{Sass::Script::Number.new(2).times(height)}" y="-#{height}" fill="url(#gradient)"></rect>
+          </svg>
+        SVG
+      end
+
+      def linear_gradient_image_data_url(color = Sass::Script::Color.new([255, 255, 255]), height = Sass::Script::Number.new(100, ['%']))
+        assert_type color, :Color
+        assert_type height, :Number
+        svg_data_url(<<-SVG)
+          <svg xmlns="http://www.w3.org/2000/svg">
+            <defs>
+              <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="100%">
+                <stop offset="25%" stop-color="#{svg_color(color)}" stop-opacity="1"/>
+                <stop offset="100%" stop-color="#{svg_color(color)}" stop-opacity="0"/>
+              </linearGradient>
+            </defs>
+            <rect width="100%" height="#{height}" fill="url(#gradient)"></rect>
+          </svg>
+        SVG
+      end
+
+      protected
+
+      def svg_color(color)
+        "rgb(#{color.rgb.join(',')})"
+      end
+
+      def svg_data_url(svg)
+        base64 = Base64.encode64(svg).gsub(/\s+/, "")
+        Sass::Script::String.new("url(data:image/svg+xml;base64,#{Rack::Utils.escape(base64)})")
+      end
+    end
+  end
+end

data/lib/sass/extras/version.rb

@@ -0,0 +1,5 @@
+module Sass
+  module Extras
+    VERSION = "0.0.1"
+  end
+end

data/lib/sass/extras/yuv.rb

@@ -0,0 +1,127 @@
+module Sass
+  module Extras
+    module YUV
+      WR = 0.299
+      WG = 0.587
+      WB = 0.114
+      W_SUM = WR + WG + WB # float arithmetics error => 0.9999999999999999
+      U_MAX = 0.436
+      V_MAX = 0.615
+
+      module Color
+        def yuv
+          r, g, b = rgb.map { |k| k / 255.0 }
+          y = r * WR + g * WG + b * WB
+          y = 1.0 if y == W_SUM
+          u = U_MAX*(b - y)/(1 - WB)
+          v = V_MAX*(r - y)/(1 - WR)
+          [y, Utils.restrict(u, -U_MAX..U_MAX), Utils.restrict(v, -V_MAX..V_MAX)]
+        end
+
+        def yuva
+          yuv + [alpha]
+        end
+      end
+
+      module Functions
+        def self.included(base)
+          base.declare :yuv, [:y, :u, :v]
+          base.declare :yuva, [:y, :u, :v, :alpha]
+          base.declare :set_brightness, [:color, :amount]
+          base.declare :increase_brightness, [:color, :amount]
+          base.declare :reduce_brightness, [:color, :amount]
+          base.declare :add_brightness, [:color, :amount]
+          base.declare :detract_brightness, [:color, :amount]
+        end
+
+        # Creates a {Color} object from luma (Y), and two chrominance (UV) values.
+        #
+        # @param y [Number]
+        #   A number between 0 and 1.0 inclusive
+        # @param u [Number]
+        #   A number between -{U_MAX} and +{U_MAX} inclusive
+        # @param v [Number]
+        #   A number between -{V_MAX} and +{V_MAX} inclusive
+        # @return [Color]
+        def yuv(y, u, v)
+          assert_type y, :Number, :y
+          assert_type u, :Number, :u
+          assert_type v, :Number, :v
+
+          yv = y.value
+          if y.numerator_units == ["%"] && y.denominator_units.empty?
+            raise ArgumentError.new("Brightness (Y') value #{y} must be between 0% and 100% inclusive") unless (0..100).include?(y.value)
+            yv = yv / 100.0
+          else
+            raise ArgumentError.new("Brightness (Y') value #{y} must be between 0 and 1.0 inclusive") unless (0..1.0).include?(y.value)
+          end
+          raise ArgumentError.new("Chrominance (U) value #{u} must be between -#{U_MAX} and #{U_MAX} inclusive") unless (-U_MAX..U_MAX).include?(u.value)
+          raise ArgumentError.new("Chrominance (V) value #{v} must be between -#{V_MAX} and #{V_MAX} inclusive") unless (-V_MAX..V_MAX).include?(v.value)
+
+          r = yv + v.value * (1 - WR)/(V_MAX)
+          g = yv - u.value * (WB * (1 - WB))/(V_MAX * WG) - v.value * (WR * (1 - WR))/(V_MAX * WG)
+          b = yv + u.value * (1 - WB)/U_MAX
+
+          rgb = [r, g, b].map { |c| [0, [255, c * 255].min].max }
+          Sass::Script::Color.new(rgb)
+        end
+
+        def yuva(y, u, v, a)
+          assert_type a, :Number, :a
+          yuv(y, u, v).with(:alpha => a.value)
+        end
+
+        # @param color [Color]
+        # @param amount [Number] between 0 and 1.0, or 0% and 100%
+        def set_brightness(color, amount)
+          adjust_brightness(color, amount) { |c, y| c }
+        end
+
+        # @param color [Color]
+        # @param amount [Number] between 0 and 1.0, or 0% and 100%
+        def increase_brightness(color, amount)
+          adjust_brightness(color, amount) { |c, y| [(1 + c) * y, 1.0].min }
+        end
+
+        # @param color [Color]
+        # @param amount [Number] between 0 and 1.0, or 0% and 100%
+        def reduce_brightness(color, amount)
+          adjust_brightness(color, amount) { |c, y| [(1 - c) * y, 0.0].max }
+        end
+
+        # @param color [Color]
+        # @param amount [Number] between 0 and 1.0, or 0% and 100%
+        def add_brightness(color, amount)
+          adjust_brightness(color, amount) { |c, y| [y + c, 1.0].min }
+        end
+
+        # @param color [Color]
+        # @param amount [Number] between 0 and 1.0, or 0% and 100%
+        def detract_brightness(color, amount)
+          adjust_brightness(color, amount) { |c, y| [y - c, 0.0].max }
+        end
+
+        protected
+
+        def adjust_brightness(color, amount)
+          y, u, v, a = color.yuva.map { |x| Sass::Script::Number.new x }
+          c = amount.value
+          if amount.numerator_units == ["%"] && amount.denominator_units.empty?
+            raise ArgumentError.new("Amount value #{amount} must be between 0% and 100% inclusive") unless (0..100).include?(c)
+            c = c / 100.0
+          else
+            raise ArgumentError.new("Amount value #{amount} must be between 0 and 1.0 inclusive") unless (0..1.0).include?(c)
+          end
+          y = Sass::Script::Number.new yield(c, y.value)
+          yuva(y, u, v, a)
+        end
+      end
+
+      module Utils
+        def self.restrict(value, range)
+          [range.min, [value, range.max].min].max
+        end
+      end
+    end
+  end
+end

data/sass-extras.gemspec

@@ -0,0 +1,28 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'sass/extras/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "sass-extras"
+  spec.version       = Sass::Extras::VERSION
+  spec.authors       = ["Tobias Haagen Michaelsen"]
+  spec.email         = ["tobias.michaelsen@gmail.com"]
+  spec.summary       = %q{A collection of SASS extensions.}
+  spec.description   = %q{A collection of SASS functions and helper methods.}
+  spec.homepage      = "https://github.com/tobiashm/sass-extras"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency "sass"
+  spec.add_dependency "chunky_png"
+  spec.add_dependency "rack"
+
+  spec.add_development_dependency "bundler", "~> 1.5"
+  spec.add_development_dependency "rake"
+  spec.add_development_dependency "minitest"
+end

data/specs/contrast_spec.rb

@@ -0,0 +1,63 @@
+require_relative "spec_helper"
+
+describe Sass::Extras::Contrast do
+  it "calculates brightness" do
+    white = Sass::Script::Color.new [255, 255, 255]
+    white.brightness.must_be_within_delta 255.0
+    grey = Sass::Script::Color.new [0xe5, 0xe5, 0xe5]
+    grey.brightness.must_be_within_delta 0.9*255, 1.0
+  end
+
+  it "should generate colors with enough contrast" do
+    data = File.read(__FILE__).split("__END__").last
+    css = Sass::Engine.new(data, :syntax => :scss).to_css
+    rules = css.gsub(/\s+/, ' ').gsub(/\} a/, '}\na').split('\n')
+    rules.each { |rule| rule.must_match(/a \{ color: (#?\w+); background: \1; \}/) }
+  end
+end
+
+__END__
+a {
+  color: contrast-color(white, #ff0000);
+  background: #ee0000;
+  }
+
+a {
+  color: contrast-color(rgb(127,127,127));
+  background: white;
+  }
+
+a {
+  color: contrast-color(rgb(128,128,128));
+  background: black;
+  }
+
+a {
+  color: contrast-color(white);
+  background: #585858;
+  }
+
+a {
+  color: contrast-color(black);
+  background: #a7a7a7;
+  }
+
+a {
+  color: contrast-color(red);
+  background: #ffaeb2;
+  }
+
+a {
+  color: contrast-color(green);
+  background: #b3ffb3;
+  }
+
+a {
+  color: contrast-color(blue);
+  background: #e1eeff;
+  }
+
+a {
+  color: contrast-color(#123456);
+  background: #b8dcfc;
+  }

data/specs/spec_helper.rb

@@ -0,0 +1,2 @@
+require "minitest/autorun"
+require "sass/extras"

data/specs/yuv_spec.rb

@@ -0,0 +1,81 @@
+require_relative "spec_helper"
+
+describe Sass::Extras::YUV::Color do
+  before do
+    @color = Sass::Script::Color.new [255, 255, 255]
+  end
+
+  describe "a beginning" do
+    it "should just be numbers" do
+      @color.rgb.each do |c|
+        c.class.must_equal Fixnum
+      end
+      @color.hue do |c|
+        c.class.must_equal Fixnum
+      end
+      @color.yuv.each do |c|
+        c.class.must_equal Float
+      end
+    end
+
+    it "must have solid aplha chanel" do
+      @color.alpha.must_equal 1
+      @color.yuva.last.must_equal 1
+    end
+  end
+
+  describe "convertion to yuv" do
+    it "must be exected r g b value" do
+      @color.rgb.map { |k| k / 255.0 }.must_equal [1, 1, 1]
+    end
+
+    it "must respond apropriate" do
+      @color.yuv.must_equal [1, 0, 0]
+    end
+
+    it "has aproximated brightness" do
+      color = Sass::Script::Color.new [0x19, 0x19, 0x19]
+      color.inspect.must_equal "#191919"
+      y, u, v = color.yuv
+      y.must_be_within_delta 0.1, 0.002
+      u.must_be_within_delta 0
+      v.must_be_within_delta 0
+    end
+  end
+
+  describe "usage in render" do
+    it "can define color" do
+      (<<CSS).must_equal render(<<SASS)
+a {
+  b: #191919; }
+CSS
+a {
+  b: yuv(10%, 0, 0); }
+SASS
+    end
+
+    it "converts nicely" do
+      (<<CSS).must_equal render(<<SASS)
+a {
+  b: #191919; }
+CSS
+a {
+  b: set_brightness(#FFFFFF, 10%); }
+SASS
+    end
+
+    it "reduces brightness" do
+      (<<CSS).must_equal render(<<SASS)
+a {
+  b: #e5e5e5; }
+CSS
+a {
+  b: reduce_brightness(#FFFFFF, 10%); }
+SASS
+    end
+  end
+
+  def render(sass)
+    Sass::Engine.new(sass, syntax: :scss).render
+  end
+end

metadata

@@ -0,0 +1,145 @@
+--- !ruby/object:Gem::Specification
+name: sass-extras
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Tobias Haagen Michaelsen
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-02-14 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: chunky_png
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rack
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.5'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.5'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: minitest
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: A collection of SASS functions and helper methods.
+email:
+- tobias.michaelsen@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".travis.yml"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- lib/sass-extras.rb
+- lib/sass/extras.rb
+- lib/sass/extras/contrast.rb
+- lib/sass/extras/inline_color_image.rb
+- lib/sass/extras/svg_gradients.rb
+- lib/sass/extras/version.rb
+- lib/sass/extras/yuv.rb
+- sass-extras.gemspec
+- specs/contrast_spec.rb
+- specs/spec_helper.rb
+- specs/yuv_spec.rb
+homepage: https://github.com/tobiashm/sass-extras
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.0
+signing_key: 
+specification_version: 4
+summary: A collection of SASS extensions.
+test_files: []