omg-text 0.0.1

data/README.mkdn

@@ -0,0 +1,66 @@
+OMG TEXT compass extension
+==========================
+
+A way to create ridiculously awesome CSS3 text shadows 
+Insipred by Mark Otto's [CSS3 3D text](http://www.markdotto.com/2011/01/05/3d-text-using-just-css/)
+
+Installation
+============
+
+From the command line:
+
+    gem install omg-text
+
+Install to an existing project:
+
+    # edit the project configuration file and add:
+    require 'omg-text'
+    compass install omg-text
+    
+Or create a new project:
+
+    compass create project_name -r omg-text --using omg-text 
+
+
+OMG TEXT Shadows
+================
+
+OMG TEXT is a compass extension for adding a 3D css text shadow effect to your text.
+The mixin takes a few arguements that gives you control over your shadows.  
+    
+    #OMG TEXT mixin with argument description
+    @include omg-text(shadow-color, angle, depth, style,  shade-amout)     
+
+Argument definiton:
+
+### shadow-color: 
+
+The color of the text shadow that will be applied
+
+### angle:
+
+The angle of the text shadow. You simple pass the number of the angle you would like or optionally there are a few presets you can use by passing a string. Here is the list of the presets with its associated angle.
+
+* "top" (0)
+* "top right" (45)
+* "right" (90)
+* "bottom right" (135)
+* "bottom" (180)
+* "bottom left" (220)
+* "left" (270)
+* "top left" (315) 
+
+### depth:
+
+The depth of the text shadow, a depth of 10 will produce 10 shadows and will be a shallow, a depth of 70 will produce 70 shadows and appear deeper. 
+
+### style
+
+There are two styles you can use, "flat" or "shaded". A flat text shadow will just repeat the same color for the complete depth. A shaded shadow will result in the color of the text shadow being darkened as the depth increase. Example: "shaded" is on the left "flat" is on the right, both use the same shadow-color
+
+![omg text styles](http://dl.dropbox.com/u/1274637/omg-shaded-flat.png) 
+
+### shade-amount
+
+This is only required if you use the "shaded" style. A value greather than 1 will get dark fastly a value less than 1 will provide more sublte shading. The shaded example abouve uses a shade-amount of 0.8 
+

data/lib/omg-text.rb

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

data/stylesheets/_omg-text.sass

@@ -0,0 +1,49 @@
+@import "compass/css3/text-shadow"
+$direction-markup : false
+$angle: 0
+		
+
+@mixin omg-text($color, $direction: 0, $levels: 15 , $style: "flat",  $darken-amount: 0)
+	
+	$shadowColor : $color
+	$shadow-markup : ""
+	$darken-amount: $darken-amount
+
+
+	@for $i from 0 through $levels
+		@include omg-text-offest($direction, $i)		
+		
+		@if $style == "shaded"
+			
+			$shadowColor : darken($shadowColor, $i * ($darken-amount/10))
+		@else if $style == "flat"
+			$shadowColor : $color
+				
+		$shadow-markup : $shadow-markup + $direction-markup + $shadowColor
+		@if $i < $levels
+			$shadow-markup: $shadow-markup + ", "
+	
+	@include text-shadow(unquote($shadow-markup))
+
+@mixin omg-text-offest($direction, $i)
+	
+	@if $direction == "top"
+		$angle: 0deg			
+	@else if $direction == "top right"
+		$angle: 45deg		
+	@else if $direction == "right"
+		$angle: 90deg
+	@else if $direction == "bottom right"
+		$angle: 135deg
+	@else if $direction == "bottom"
+		$angle: 180deg
+	@else if $direction == "bottom left"
+		$angle: 225deg
+	@else if $direction == "left"
+		$angle: 270deg
+	@else if $direction == "top left"
+		$angle: 315deg
+	@else 
+		$angle: $direction/2 * (pi()/180)
+	
+	$direction-markup : ($i) * sin($angle * 2)  + "px " + -($i) * cos($angle * 2) + "px 0 "

data/templates/project/_omgtext.sass

@@ -0,0 +1,27 @@
+@import "omg-text"
+
+// Here are some sample usage cases.
+
+#omg-text-sample-1 
+	font-size: 190px
+	margin: 10px 0
+	color: #fff	
+	@include omg-text(#759da6, 220, 25, "shaded", 0.35) 
+
+#omg-text-sample-2 
+	margin: 10px 0
+	font-size: 180px
+	color: #82cffb
+	@include omg-text(#5193b9, 45, 15, "shaded", 0.3) 
+
+#omg-text-sample-3 
+	margin: 10px 0
+	font-size: 320px
+	color: #8ccf3c
+	@include omg-text(#b8e880, "top left", 35,  "shaded", 0.3)
+
+#omg-text-sample-4 
+	margin: 10px 0	
+	font-size: 180px
+	color: #e8d850
+	@include omg-text(#ef8e3f, "right", 22, "flat", 0)

data/templates/project/manifest.rb

@@ -0,0 +1,11 @@
+stylesheet '_omgtext.sass', :media => 'screen, projection'
+
+description "ridiculous css3 text shadows"
+
+help %Q{
+Installs a html file and stylesheet that you can use as a reference or use as a base for your project
+}
+
+welcome_message %Q{
+Refer to the stylesheet and html file for useage examples 
+}

metadata

@@ -0,0 +1,83 @@
+--- !ruby/object:Gem::Specification 
+name: omg-text
+version: !ruby/object:Gem::Version 
+  prerelease: false
+  segments: 
+  - 0
+  - 0
+  - 1
+  version: 0.0.1
+platform: ruby
+authors: 
+- Jared Hardy
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2011-03-01 00:00:00 -08:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: compass
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 0
+        - 10
+        - 0
+        - rc3
+        version: 0.10.0.rc3
+  type: :runtime
+  version_requirements: *id001
+description: a ridiculous text shadows extension for compass
+email: jared@jaredhardy.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- README.mkdn
+- lib/omg-text.rb
+- stylesheets/_omg-text.sass
+- templates/project/_omgtext.sass
+- templates/project/manifest.rb
+has_rdoc: true
+homepage: http://www.jaredhardy.com/
+licenses: []
+
+post_install_message: 
+rdoc_options: []
+
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 0
+      version: "0"
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.3.7
+signing_key: 
+specification_version: 3
+summary: a ridiculous text shadows extension for compass
+test_files: []
+