zurb-awesome-buttons 0.1.0

data/README.mkd

@@ -0,0 +1,15 @@
+packaging for styles from http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba, with some helpers
+
+to use, add the following to your Gemfile and run `bundle install`
+
+    gem "zurb-awesome-buttons", :require => "awesome_buttons"
+
+to install static content, run
+
+    rake awesome:install
+
+by default, that will install awesome.sass into your stylesheets/sass directory. if you want awesome.css instead, just pass `--css`
+
+    rake awesome:install --css
+
+note that this is in no way official, these styles are property of zurb, I am not an employee of zurb, and this is subject to whatever license they happen to choose (currently there is a blog comment saying feel free to use these in your projects)

data/lib/app_helper.rb

@@ -0,0 +1,25 @@
+module AppHelper
+  def awesome_button title, path=nil, o={}
+    html_options = {}.tap do |h|
+      size = case o[:size]
+             when nil then ''
+             when :s then 'small '
+             when :l then 'large '
+             end
+      hide = o[:hide] ? " hidden" : ""
+      klass = " " << o[:class].to_s unless o[:class].blank?
+      h[:class] = "#{size.to_s}awesome#{hide}#{klass}" 
+      h[:onclick] = o[:onclick] << ';return false;' unless o[:onclick].blank?
+    end
+
+    link_to title, path || '', html_options
+  end
+
+  def awesome_submit o={}
+    klass = o[:class]
+    click = o[:onclick]
+    title = o[:title] || 'Create'
+
+    awesome_button title, nil, :class => klass, :onclick => [click, "$(this).parents('form').submit()"].compact.join(';')
+  end
+end

data/lib/awesome_buttons.rb

@@ -0,0 +1,2 @@
+require 'engine'
+require 'app_helper'

data/lib/engine.rb

@@ -0,0 +1,10 @@
+require 'awesome_buttons'
+require 'rails'
+
+module AwesomeButtons
+  class Engine < Rails::Engine
+    initializer 'awesome.app_helper' do
+      ActionView::Base.send :include, AppHelper
+    end
+  end
+end

data/lib/generators/awesome/USAGE

@@ -0,0 +1,9 @@
+Description:
+    Generator to install view files for zurb awesome buttons
+
+Example:
+    rails generate awesome:install
+
+    This will create:
+        public/images/awesome-overlay.png
+        public/stylesheets/sass/awesome.sass

data/lib/generators/awesome/install_generator.rb

@@ -0,0 +1,18 @@
+require 'rails'
+require 'rails/generators'
+
+module Awesome
+  class InstallGenerator < Rails::Generators::Base
+    source_root File.expand_path('../templates', __FILE__)  
+    class_option :css, :type => :boolean, :default => false
+
+    def install
+      copy_file 'awesome-overlay.png', 'public/images/awesome.png' 
+      if options.css?
+        copy_file 'awesome.css', 'public/stylesheets/awesome.css' 
+      else
+        copy_file 'awesome.sass', 'public/stylesheets/sass/awesome.sass' 
+      end
+    end
+  end
+end

data/lib/generators/awesome/templates/awesome.css

@@ -0,0 +1,72 @@
+.awesome, .awesome:visited {
+  background: #222222 url(/images/awesome-overlay.png) repeat-x;
+  display: inline-block;
+  padding: 5px 10px 6px;
+  color: white;
+  text-decoration: none;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
+  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
+  position: relative;
+  cursor: pointer; }
+
+.awesome:hover {
+  background-color: #111111;
+  color: white; }
+
+.awesome:active {
+  top: 1px; }
+
+.small.awesome, .small.awesome:visited {
+  font-size: 11px;
+  padding: 5px; }
+
+.awesome, .awesome:visited,
+.medium.awesome, .medium.awesome:visited {
+  font-size: 13px;
+  font-weight: bold;
+  line-height: 1;
+  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); }
+
+.large.awesome, .large.awesome:visited {
+  font-size: 14px;
+  padding: 8px 14px 9px; }
+
+.green.awesome, .green.awesome:visited {
+  background-color: #91bd09; }
+
+.green.awesome:hover {
+  background-color: #749a02; }
+
+.blue.awesome, .blue.awesome:visited {
+  background-color: #2daebf; }
+
+.blue.awesome:hover {
+  background-color: #007d9a; }
+
+.red.awesome, .red.awesome:visited {
+  background-color: #e33100; }
+
+.red.awesome:hover {
+  background-color: #872300; }
+
+.magenta.awesome, .magenta.awesome:visited {
+  background-color: #a9014b; }
+
+.magenta.awesome:hover {
+  background-color: #630030; }
+
+.orange.awesome, .orange.awesome:visited {
+  background-color: #ff5c00; }
+
+.orange.awesome:hover {
+  background-color: #d45500; }
+
+.yellow.awesome, .yellow.awesome:visited {
+  background-color: #ffb515; }
+
+.yellow.awesome:hover {
+  background-color: #fc9200; }

data/lib/generators/awesome/templates/awesome.sass

@@ -0,0 +1,69 @@
+.awesome, .awesome:visited 
+    background: #222 url(/images/awesome-overlay.png) repeat-x 
+    display: inline-block 
+    padding: 5px 10px 6px 
+    color: #fff 
+    text-decoration: none
+    -moz-border-radius: 5px 
+    -webkit-border-radius: 5px
+    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5)
+    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5)
+    text-shadow: 0 -1px 1px rgba(0,0,0,0.25)
+    border-bottom: 1px solid rgba(0,0,0,0.25)
+    position: relative
+    cursor: pointer
+
+ 
+.awesome:hover
+    background-color: #111 
+    color: #fff 
+.awesome:active
+    top: 1px
+
+.small.awesome, .small.awesome:visited
+    font-size: 11px 
+    padding: 5px 
+
+.awesome, .awesome:visited,
+.medium.awesome, .medium.awesome:visited 
+    font-size: 13px 
+    font-weight: bold 
+    line-height: 1 
+    text-shadow: 0 -1px 1px rgba(0,0,0,0.25) 
+
+.large.awesome, .large.awesome:visited  
+    font-size: 14px 
+    padding: 8px 14px 9px 
+	
+
+
+
+.green.awesome, .green.awesome:visited 
+    background-color: #91bd09 
+.green.awesome:hover 
+    background-color: #749a02 
+
+.blue.awesome, .blue.awesome:visited 
+    background-color: #2daebf 
+.blue.awesome:hover
+    background-color: #007d9a 
+
+.red.awesome, .red.awesome:visited 
+    background-color: #e33100 
+.red.awesome:hover
+    background-color: #872300 
+
+.magenta.awesome, .magenta.awesome:visited 
+    background-color: #a9014b 
+.magenta.awesome:hover
+    background-color: #630030
+
+.orange.awesome, .orange.awesome:visited 
+    background-color: #ff5c00 
+.orange.awesome:hover
+    background-color: #d45500 
+
+.yellow.awesome, .yellow.awesome:visited 
+    background-color: #ffb515 
+.yellow.awesome:hover
+    background-color: #fc9200 

data/spec/application_helper_spec.rb

@@ -0,0 +1,58 @@
+require 'spec_helper' 
+require '../app/lib/app_helper'
+
+class H
+  include AppHelper
+end
+
+describe ApplicationHelper do
+  include HtmlStuff
+
+  before :each do
+    @h = H.new
+  end
+  
+  describe "awesome_button" do
+    it "can set size to large" do
+      @h.awesome_button('foo', '', :size => :l).should =~ class_regex('large')
+    end
+    it "can set size to small" do
+      @h.awesome_button('foo', '', :size => :s).should =~ class_regex('small')
+    end
+    it "can set class" do
+      @h.awesome_button('foo', '', :class => 'bar').should =~ class_regex('bar')
+    end
+    it "sets an awesome class" do
+      has_awesome {@h.awesome_button '', ''}
+    end
+    it "is a link" do
+      @h.awesome_button('foo', '').should =~ is_a_tag('foo')
+    end
+    it "can set onclick" do
+      onclick {@h.awesome_button('foo', '', :onclick => 'bar;')}
+    end
+
+    it "has an optional href" do
+      @h.awesome_button('foo').should !~ /href=/
+    end
+
+  end
+
+  describe "awesome_submit" do
+    it "can set class" do
+      @h.awesome_submit(:class => 'bar').should =~ class_regex('bar')
+    end
+    it "can set title" do
+      @h.awesome_submit(:title => 'foo').should =~ is_a_tag('foo')
+    end
+    it "sets an awesome class" do
+      has_awesome {@h.awesome_submit}
+    end
+    it "is a link" do
+      @h.awesome_submit.should =~ is_a_tag('Create')
+    end
+    it "can set onclick" do
+      onclick {@h.awesome_submit(:onclick => 'bar')}
+    end
+  end
+end

data/spec/spec_helper.rb

@@ -0,0 +1,7 @@
+require 'rspec'
+
+module HtmlStuff
+  def class_regex class_name
+    /class=".*#{class_name}/
+  end
+end

metadata

@@ -0,0 +1,78 @@
+--- !ruby/object:Gem::Specification 
+name: zurb-awesome-buttons
+version: !ruby/object:Gem::Version 
+  hash: 27
+  prerelease: false
+  segments: 
+  - 0
+  - 1
+  - 0
+  version: 0.1.0
+platform: ruby
+authors: 
+- Matt Briggs
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2010-09-04 00:00:00 -04:00
+default_executable: 
+dependencies: []
+
+description: 
+email: matt@mattbriggs.net
+executables: []
+
+extensions: []
+
+extra_rdoc_files: 
+- README.mkd
+files: 
+- lib/app_helper.rb
+- lib/awesome_buttons.rb
+- lib/engine.rb
+- lib/generators/awesome/USAGE
+- lib/generators/awesome/install_generator.rb
+- lib/generators/awesome/templates/awesome-overlay.png
+- lib/generators/awesome/templates/awesome.css
+- lib/generators/awesome/templates/awesome.sass
+- README.mkd
+- spec/application_helper_spec.rb
+- spec/spec_helper.rb
+has_rdoc: true
+homepage: http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
+licenses: []
+
+post_install_message: 
+rdoc_options: 
+- --charset=UTF-8
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.3.7
+signing_key: 
+specification_version: 3
+summary: packaging for styles from http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba, with some helpers
+test_files: 
+- spec/application_helper_spec.rb
+- spec/spec_helper.rb