compass-stems 0.0.1

data/README.mkdn

@@ -0,0 +1,4 @@
+compass-stems
+=============
+
+A compass extension that creates stem images for popups. Uses the chunky_png library. 

data/lib/compass-stems.rb

@@ -0,0 +1,5 @@
+require 'compass'
+require File.join(File.dirname(__FILE__), 'compass-stems', 'compass-stems')
+extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
+
+Compass::Frameworks.register('compass-stems', :path => extension_path)

data/lib/compass-stems/compass-stems.rb

@@ -0,0 +1,19 @@
+require "rubygems"
+require "chunky_png"
+require "base64"
+require "compass-stems/compass-stems/stems.rb"
+
+module Sass::Script::Functions
+
+  TRANSPARENT = ChunkyPNG::Color::TRANSPARENT
+
+  def return_image(png)
+    data = Base64.encode64(png.to_blob).gsub("\n", "")
+    Sass::Script::String.new("url('data:image/png;base64,#{data}')")
+  end
+
+  def get_color(color)
+    color = ChunkyPNG::Color.rgba(color.red, color.green, color.blue, (color.alpha*255).round)
+  end
+
+end

data/lib/compass-stems/compass-stems/stems.rb

@@ -0,0 +1,41 @@
+module CompassStems
+  class Stems
+    module Sass::Script::Functions
+      def stem(color, width = 22, direction = top, border_color = color, border_inset_color, enable_gradient_background)     
+        color = get_color(color)
+        border_color = get_color(border_color) 
+        
+        width = width.to_i if width.is_a? Sass::Script::Number
+        height = (width / 2).to_i
+        
+        outer_stem = ChunkyPNG::Image.new(width, height-1, TRANSPARENT) 
+        outer_stem.polygon([(width/2)-1,-1,(width/2),-1,0,height-1,width,height-1], border_color, color)
+        
+        png = ChunkyPNG::Image.new(width, height, TRANSPARENT)
+        png = png.compose(outer_stem, 0, 0)
+        
+        unless border_inset_color.is_a? Sass::Script::Bool
+          border_inset_color = get_color(border_inset_color)
+          
+          inner_stem = ChunkyPNG::Image.new(width, height-1, TRANSPARENT) 
+          inner_stem.polygon([(width/2)-1,-1,(width/2),-1,0,height-1,width,height-1], border_inset_color, color)
+          inner_stem = inner_stem.crop(0, 0, width, height-1)
+          
+          png = png.compose(inner_stem, 0, 1) 
+        end
+           
+        case direction.to_s
+        when "left"
+          png = png.rotate_left
+        when "right"
+          png = png.rotate_right
+        when "bottom"
+          png = png.flip_horizontally
+        end
+  
+        return_image(png)
+        
+      end
+    end
+  end
+end

data/templates/project/_stems.scss

@@ -0,0 +1,19 @@
+@mixin stem(
+  $color, 
+  $width: 20, 
+  $direction: top, 
+  $border-color:  $darken($color, 10%), 
+  $border-inset-color:  lighten($color, 10%), 
+  $enable-gradient-background: false) {
+  
+  $height: $width/2;
+  position: relative;
+  &:after {
+    background: stem($color, $width, $direction, $border-color, $border-inset-color, $enable-gradient-background);
+    position: absolute;
+    display: block;
+    z-index: 1;
+    height: $height;
+    top: -$height;
+  }
+}

data/templates/project/manifest.rb

@@ -0,0 +1,2 @@
+stylesheet '_stems.scss', :media => 'screen, projection'
+description "an easy way to create image stems using chunky_png"

metadata

@@ -0,0 +1,73 @@
+--- !ruby/object:Gem::Specification
+name: compass-stems
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- kelly korevec
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2011-08-05 00:00:00.000000000Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: &2160698520 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 0.11.beta.5
+  type: :runtime
+  prerelease: false
+  version_requirements: *2160698520
+- !ruby/object:Gem::Dependency
+  name: chunky_png
+  requirement: &2160697440 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 1.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: *2160697440
+description: generate image stems for compass
+email:
+- kelly@dailymile.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.mkdn
+- lib/compass-stems/compass-stems/stems.rb
+- lib/compass-stems/compass-stems.rb
+- lib/compass-stems.rb
+- templates/project/_stems.scss
+- templates/project/manifest.rb
+homepage: http://www.dailymile.com
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: compass-stems
+rubygems_version: 1.8.5
+signing_key: 
+specification_version: 3
+summary: generate image stems for compass
+test_files: []