app_sleuth 0.0.1.pre

data/.gitignore

@@ -0,0 +1,25 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+
+# OS generated files #
+######################
+.DS_Store*
+ehthumbs.db
+Icon?
+Thumbs.db
+

data/Gemfile

@@ -0,0 +1,7 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in app_sleuth.gemspec
+gemspec
+gem 'rake'
+gem 'rack'
+gem 'sinatra'

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2012 Dan Ahern, Lynn Wallenstein
+
+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,29 @@
+# AppSleuth
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'app_sleuth'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install app_sleuth
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Added some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1,2 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"

data/app_sleuth.gemspec

@@ -0,0 +1,20 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/app_sleuth/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Dan Ahern", "Lynn Wallenstein"]
+  gem.email         = ["danahern@gmail.com", "lwallenstein@gmail.com"]
+  gem.description   = %q{Generates color, font, image information about your project}
+  gem.summary       = %q{Generate Design Info about Project}
+  gem.homepage      = "https://github.com/danahern/app_sleuth"
+
+  gem.files         = `git ls-files`.split($\)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.name          = "app_sleuth"
+  gem.require_paths = ["lib"]
+  gem.version       = AppSleuth::VERSION
+
+  gem.add_dependency "sinatra"
+  
+end

data/bin/app_sleuth

@@ -0,0 +1,20 @@
+#!/usr/bin/env ruby
+puts "Loading Environment"
+require 'app_sleuth'
+
+dir = Dir.getwd
+colors_file = File.new("/tmp/colors.html", "w+")
+
+puts "Generating Color Report..."
+
+color_report = AppSleuth::Colors.generate_report(dir)
+colors_file.puts color_report
+colors_file.close
+
+puts "Done with color report"
+
+puts "Starting Server on port 4567"
+
+AppSleuth::Server.run!
+
+puts "Go to http://localhost:4567"

data/config.ru

@@ -0,0 +1,10 @@
+#!/usr/bin/env ruby
+require 'logger'
+require 'sinatra'
+
+$LOAD_PATH.unshift ::File.expand_path(::File.dirname(__FILE__) + '/lib')
+require 'app_sleuth'
+require 'app_sleuth/server'
+
+use Rack::ShowExceptions
+run AppSleuth::Server.new

data/lib/app_sleuth.rb

@@ -0,0 +1,10 @@
+require 'erb'
+require 'sinatra'
+
+require "app_sleuth/version"
+require "app_sleuth/colors"
+require "app_sleuth/fonts"
+require "app_sleuth/server"
+
+module AppSleuth
+end

data/lib/app_sleuth/colors.rb

@@ -0,0 +1,36 @@
+module AppSleuth
+  class Colors
+    class << self
+      def hex_shortcode(color)
+        return color unless color.length == 4
+        hex = color.gsub('#', '').split('')
+        hex = "##{hex[0]}#{hex[0]}#{hex[1]}#{hex[1]}#{hex[2]}#{hex[2]}"
+      end
+
+      def gather(location)
+        colors = `egrep --include='*.*css' --no-filename -ior '(#[a-fA-F0-9]{6}|#[a-fA-F0-9]{3})( |;)' #{location}`.split.map{|c| c.gsub(';', '').gsub(' ', '').downcase }.uniq.sort
+        colors.map{|c| hex_shortcode(c) }.uniq.sort
+      end
+      
+      def color_location(color_code, location)
+        c = `egrep --include='*.*css' -ir '(#{color_code})( |;)' #{location}`.split("\n")
+      end
+
+      def color_swatch(color, location)
+        # colors.each{|color| 
+          "<li data-hex='#{color}' data-color-lookup='#{color_location(color, location)}' class='swatch' style='background-color:#{color};'><a class='close delete'>x</a><span class='help'>Double Click To Bring to Front</span></li>"
+        # }
+      end
+
+      def generate_report(location)
+        colors = gather(location)
+        colors = colors.map{|c| color_swatch(c, location) }.join("\n\n")
+        gem_dir = File.dirname(File.expand_path(__FILE__))
+        rendered_file = ERB.new(File.read(File.join(gem_dir, "server/views/colors.html.erb")))
+        rendered_file.result(binding)
+      end
+    end
+  end
+end
+# color_file = File.new(File.join(Rails.root, 'tmp', 'colors.html'), "w+")
+# in_project(File.join(Rails.root, 'app', 'assets', 'stylesheets'))

data/lib/app_sleuth/fonts.rb

@@ -0,0 +1,108 @@
+# ActionDispatch::Routing::UrlFor 
+# include Rails.application.routes.url_helpers
+# default_url_options[:host] = 'www.mysite.com'
+
+# font_file = File.new(File.join(Rails.root, 'tmp', 'fonts.html'), "w+")
+# template_header = <<TEMPLATE
+# <!doctype html>
+# <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+# <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+# <!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+# <!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
+# <!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
+# <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+# <head>
+#   <meta charset="utf-8">
+
+#   <!-- Use the .htaccess and remove these lines to avoid edge case issues.
+#        More info: h5bp.com/i/378 -->
+#   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+#   <title></title>
+#   <meta name="description" content="">
+
+#   <!-- Mobile viewport optimized: h5bp.com/viewport -->
+#   <meta name="viewport" content="width=device-width">
+
+#   <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
+
+#   <link rel="stylesheet" href="css/style.css">
+
+#   <!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->
+
+#   <!-- All JavaScript at the bottom, except this Modernizr build.
+#        Modernizr enables HTML5 elements & feature detects for optimal performance.
+#        Create your own custom Modernizr build: www.modernizr.com/download/ -->
+#   <script src="js/libs/modernizr-2.5.3.min.js"></script>
+# </head>
+# <body>
+#   <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6.
+#        chromium.org/developers/how-tos/chrome-frame-getting-started -->
+#   <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
+#   <header>
+
+#   </header>
+#   <div role="main">
+# TEMPLATE
+
+# template_footer = <<TEMPLATE
+#   </div>
+#   <footer>
+
+#   </footer>
+
+
+#   <!-- JavaScript at the bottom for fast page loading -->
+
+#   <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
+#   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+#   <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>
+
+#   <!-- scripts concatenated and minified via build script -->
+#   <script src="js/plugins.js"></script>
+#   <script src="js/script.js"></script>
+#   <!-- end scripts -->
+
+#   <!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID.
+#        mathiasbynens.be/notes/async-analytics-snippet -->
+#   <script>
+#     var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
+#     (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
+#     g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
+#     s.parentNode.insertBefore(g,s)}(document,'script'));
+#   </script>
+# </body>
+# </html>
+# TEMPLATE
+
+# def dir_glob(font_html, directory)
+#   Dir.glob(File.join(directory, "*")).each do |element|
+#     if File.directory?(element)
+#       font_html << "<li class='directory'>"
+#       font_html << File.basename(element)
+#       font_html << "<ol>"
+#       dir_glob(font_html, element)
+#       font_html << "</ol>"
+#     else
+#       font_html << "<li class='item #{File.extname(element)}'>"
+#       font_html << link_to("#{File.basename(element)}", asset_path(File.dirname(element).gsub(directory, '')))
+#     end
+#     font_html << "</li>"
+#   end
+# end
+
+# def list_contents(dir)
+#   font_html = ["<ol>"]
+#   dir_glob(font_html, dir)
+#   font_html << "</ol>"
+#   font_html.join("\n")
+# end
+
+
+# font_file.puts template_header
+
+# font_file.puts list_contents(File.join(Rails.root, "app", "assets", "images"))
+
+# font_file.puts template_footer
+
+# font_file.close

data/lib/app_sleuth/server.rb

@@ -0,0 +1,22 @@
+module AppSleuth
+  class Server < Sinatra::Base
+    dir = File.dirname(File.expand_path(__FILE__))
+    set :views,  "#{dir}/server/views"
+
+    if respond_to? :public_folder
+      set :public_folder, "#{dir}/server/assets"
+    else
+      set :public, "#{dir}/server/assets"
+    end
+
+    set :static, true
+
+    get '/' do
+      "<a href='/colors'>Colors</a>"
+    end
+    
+    get '/colors' do
+      File.read("/tmp/colors.html")
+    end
+  end
+end

data/lib/app_sleuth/server/assets/css/style.css

@@ -0,0 +1,910 @@
+/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
+/* =============================================================================
+   HTML5 display definitions
+   ========================================================================== */
+/*
+ * Corrects block display not defined in IE6/7/8/9 & FF3
+ */
+/* line 21, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+  display: block;
+}
+
+/*
+ * Corrects inline-block display not defined in IE6/7/8/9 & FF3
+ */
+/* line 31, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+audio,
+canvas,
+video {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+}
+
+/*
+ * Prevents modern browsers from displaying 'audio' without controls
+ * Remove excess height in iOS5 devices
+ */
+/* line 42, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/*
+ * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
+ * Known issue: no IE6 support
+ */
+/* line 52, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+[hidden] {
+  display: none;
+}
+
+/* =============================================================================
+   Base
+   ========================================================================== */
+/*
+ * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
+ *    http://clagnut.com/blog/348/#c790
+ * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
+ *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
+ */
+/* line 68, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+html {
+  font-size: 100%;
+  /* 1 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */
+}
+
+/*
+ * Addresses font-family inconsistency between 'textarea' and other form elements.
+ */
+/* line 82, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+html,
+button,
+input,
+select,
+textarea {
+  font-family: sans-serif;
+}
+
+/*
+ * Addresses margins handled incorrectly in IE6/7
+ */
+/* line 90, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+body {
+  margin: 0;
+}
+
+/* =============================================================================
+   Links
+   ========================================================================== */
+/*
+ * Addresses outline displayed oddly in Chrome
+ */
+/* line 103, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+a:focus {
+  outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers
+ * people.opera.com/patrickl/experiments/keyboard/test
+ */
+/* line 113, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+a:hover,
+a:active {
+  outline: 0;
+}
+
+/* =============================================================================
+   Typography
+   ========================================================================== */
+/*
+ * Addresses font sizes and margins set differently in IE6/7
+ * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
+ */
+/* line 127, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* line 132, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+h2 {
+  font-size: 1.5em;
+  margin: 0.83em 0;
+}
+
+/* line 137, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+h3 {
+  font-size: 1.17em;
+  margin: 1em 0;
+}
+
+/* line 142, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+h4 {
+  font-size: 1em;
+  margin: 1.33em 0;
+}
+
+/* line 147, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+h5 {
+  font-size: 0.83em;
+  margin: 1.67em 0;
+}
+
+/* line 152, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+h6 {
+  font-size: 0.75em;
+  margin: 2.33em 0;
+}
+
+/*
+ * Addresses styling not present in IE7/8/9, S5, Chrome
+ */
+/* line 161, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+/*
+ * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
+*/
+/* line 170, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+b,
+strong {
+  font-weight: bold;
+}
+
+/* line 174, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+blockquote {
+  margin: 1em 40px;
+}
+
+/*
+ * Addresses styling not present in S5, Chrome
+ */
+/* line 182, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+dfn {
+  font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE6/7/8/9
+ */
+/* line 190, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+/*
+ * Addresses margins set differently in IE6/7
+ */
+/* line 200, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+p,
+pre {
+  margin: 1em 0;
+}
+
+/*
+ * Corrects font family set oddly in IE6, S4/5, Chrome
+ * en.wikipedia.org/wiki/User:Davidgothberg/Test59
+ */
+/* line 212, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+pre,
+code,
+kbd,
+samp {
+  font-family: monospace, serif;
+  _font-family: 'courier new', monospace;
+  font-size: 1em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers
+ */
+/* line 222, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+/*
+ * 1. Addresses CSS quotes not supported in IE6/7
+ * 2. Addresses quote property not supported in S4
+ */
+/* 1 */
+/* line 235, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+q {
+  quotes: none;
+}
+
+/* 2 */
+/* line 242, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+
+/* line 247, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+small {
+  font-size: 75%;
+}
+
+/*
+ * Prevents sub and sup affecting line-height in all browsers
+ * gist.github.com/413930
+ */
+/* line 257, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+/* line 264, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+sup {
+  top: -0.5em;
+}
+
+/* line 268, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+sub {
+  bottom: -0.25em;
+}
+
+/* =============================================================================
+   Lists
+   ========================================================================== */
+/*
+ * Addresses margins set differently in IE6/7
+ */
+/* line 284, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+dl,
+menu,
+ol,
+ul {
+  margin: 1em 0;
+}
+
+/* line 288, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+dd {
+  margin: 0 0 0 40px;
+}
+
+/*
+ * Addresses paddings set differently in IE6/7
+ */
+/* line 298, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+menu,
+ol,
+ul {
+  padding: 0 0 0 40px;
+}
+
+/*
+ * Corrects list images handled incorrectly in IE7
+ */
+/* line 307, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+nav ul,
+nav ol {
+  list-style: none;
+  list-style-image: none;
+}
+
+/* =============================================================================
+   Embedded content
+   ========================================================================== */
+/*
+ * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
+ * 2. Improves image quality when scaled in IE7
+ *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
+ */
+/* line 323, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+img {
+  border: 0;
+  /* 1 */
+  -ms-interpolation-mode: bicubic;
+  /* 2 */
+}
+
+/*
+ * Corrects overflow displayed oddly in IE9
+ */
+/* line 332, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* =============================================================================
+   Figures
+   ========================================================================== */
+/*
+ * Addresses margin not present in IE6/7/8/9, S5, O11
+ */
+/* line 345, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+figure {
+  margin: 0;
+}
+
+/* =============================================================================
+   Forms
+   ========================================================================== */
+/*
+ * Corrects margin displayed oddly in IE6/7
+ */
+/* line 358, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+form {
+  margin: 0;
+}
+
+/*
+ * Define consistent border, margin, and padding
+ */
+/* line 366, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE6/7/8/9
+ * 2. Corrects text not wrapping in FF3
+ * 3. Corrects alignment displayed oddly in IE6/7
+ */
+/* line 378, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+legend {
+  border: 0;
+  /* 1 */
+  padding: 0;
+  white-space: normal;
+  /* 2 */
+  *margin-left: -7px;
+  /* 3 */
+}
+
+/*
+ * 1. Corrects font size not being inherited in all browsers
+ * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
+ * 3. Improves appearance and consistency in all browsers
+ */
+/* line 394, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+button,
+input,
+select,
+textarea {
+  font-size: 100%;
+  /* 1 */
+  margin: 0;
+  /* 2 */
+  vertical-align: baseline;
+  /* 3 */
+  *vertical-align: middle;
+  /* 3 */
+}
+
+/*
+ * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
+ */
+/* line 406, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+button,
+input {
+  line-height: normal;
+  /* 1 */
+}
+
+/*
+ * 1. Improves usability and consistency of cursor style between image-type 'input' and others
+ * 2. Corrects inability to style clickable 'input' types in iOS
+ * 3. Removes inner spacing in IE7 without affecting normal text inputs
+ *    Known issue: inner spacing remains in IE6
+ */
+/* line 420, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  cursor: pointer;
+  /* 1 */
+  -webkit-appearance: button;
+  /* 2 */
+  *overflow: visible;
+  /* 3 */
+}
+
+/*
+ * Re-set default cursor for disabled elements
+ */
+/* line 431, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+button[disabled],
+input[disabled] {
+  cursor: default;
+}
+
+/*
+ * 1. Addresses box sizing set to content-box in IE8/9
+ * 2. Removes excess padding in IE8/9
+ * 3. Removes excess padding in IE7
+      Known issue: excess padding remains in IE6
+ */
+/* line 443, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */
+  *height: 13px;
+  /* 3 */
+  *width: 13px;
+  /* 3 */
+}
+
+/*
+ * 1. Addresses appearance set to searchfield in S5, Chrome
+ * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
+ */
+/* line 455, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  /* 2 */
+  box-sizing: content-box;
+}
+
+/*
+ * Removes inner padding and search cancel button in S5, Chrome on OS X
+ */
+/* line 467, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in FF3+
+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
+ */
+/* line 477, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE6/7/8/9
+ * 2. Improves readability and alignment in all browsers
+ */
+/* line 487, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+textarea {
+  overflow: auto;
+  /* 1 */
+  vertical-align: top;
+  /* 2 */
+}
+
+/* =============================================================================
+   Tables
+   ========================================================================== */
+/*
+ * Remove most spacing between table cells
+ */
+/* line 501, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_normalize.scss */
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+/* line 9, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+* {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+/* line 20, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+body {
+  font-size: 1em;
+  line-height: 1.4;
+}
+
+/* line 25, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+body, button, input, select, textarea {
+  color: #222;
+}
+
+/* line 36, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+::-moz-selection {
+  background: #fe57a1;
+  color: #fff;
+  text-shadow: none;
+}
+
+/* line 37, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+::selection {
+  background: #fe57a1;
+  color: #fff;
+  text-shadow: none;
+}
+
+/* line 43, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+a {
+  color: #00e;
+}
+
+/* line 44, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+a:visited {
+  color: #551a8b;
+}
+
+/* line 45, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+a:hover {
+  color: #06e;
+}
+
+/* line 52, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+hr {
+  display: block;
+  height: 1px;
+  border: 0;
+  border-top: 1px solid #ccc;
+  margin: 1em 0;
+  padding: 0;
+}
+
+/* line 54, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+ins {
+  background: #ff9;
+  color: #000;
+  text-decoration: none;
+}
+
+/* line 56, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+mark {
+  font-style: italic;
+  font-weight: bold;
+}
+
+/* line 58, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+small {
+  font-size: 85%;
+}
+
+/* line 60, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+ul, ol {
+  padding: 0 0 0 40px;
+}
+
+/* line 62, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+nav ul, nav ol {
+  margin: 0;
+  padding: 0;
+}
+
+/* line 64, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+img {
+  vertical-align: middle;
+}
+
+/* line 66, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+fieldset {
+  border: 0;
+  margin: 0;
+  padding: 0;
+}
+
+/* line 68, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+legend {
+  padding: 0;
+}
+
+/* line 70, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+label {
+  cursor: pointer;
+}
+
+/* line 72, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+textarea {
+  resize: vertical;
+}
+
+/* line 76, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+input:invalid, textarea:invalid {
+  background-color: #f0dddd;
+}
+
+/* line 79, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+table td {
+  vertical-align: top;
+}
+
+/* line 88, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/_boilerplate.scss */
+.chromeframe {
+  margin: 0.2em 0;
+  background: #ccc;
+  color: black;
+  padding: 0.2em 0;
+}
+
+/* line 34, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+html body {
+  background: #666;
+}
+/* line 39, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+html body div#main a#light-switch {
+  float: right;
+  margin: 20px;
+}
+/* line 43, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+html body div#main ul#swatches {
+  padding: 100px 0 0 0;
+}
+/* line 45, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+html body div#main ul#swatches li.swatch {
+  -webkit-border-radius: 15px;
+  -moz-border-radius: 15px;
+  -ms-border-radius: 15px;
+  -o-border-radius: 15px;
+  border-radius: 15px;
+  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
+  -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
+  -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
+  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
+  -webkit-transition-property: transform, 0.15s, linear;
+  -moz-transition-property: transform, 0.15s, linear;
+  -ms-transition-property: transform, 0.15s, linear;
+  -o-transition-property: transform, 0.15s, linear;
+  transition-property: transform, 0.15s, linear;
+  -webkit-transition-duration: 0.15s;
+  -moz-transition-duration: 0.15s;
+  -ms-transition-duration: 0.15s;
+  -o-transition-duration: 0.15s;
+  transition-duration: 0.15s;
+  -webkit-transition-timing-function: ease-out;
+  -moz-transition-timing-function: ease-out;
+  -ms-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+  -webkit-transition-delay: 0;
+  -moz-transition-delay: 0;
+  -ms-transition-delay: 0;
+  -o-transition-delay: 0;
+  transition-delay: 0;
+  border-left: 20px solid #fff;
+  border-right: 20px solid #000;
+  float: left;
+  list-style: none;
+  height: 100px;
+  padding-top: 40px;
+  position: relative;
+  margin: 20px;
+  text-align: center;
+  width: 130px;
+  z-index: 100;
+}
+/* line 60, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+html body div#main ul#swatches li.swatch:hover {
+  -webkit-transform: scale(2);
+  -moz-transform: scale(2);
+  -ms-transform: scale(2);
+  -o-transform: scale(2);
+  transform: scale(2);
+  z-index: 9999 !important;
+}
+/* line 63, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+html body div#main ul#swatches li.swatch:hover span.help {
+  display: block;
+  font-size: 6px;
+  opacity: .5;
+  padding-top: 5px;
+}
+/* line 70, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+html body div#main ul#swatches li.swatch:before {
+  content: attr(data-hex);
+}
+/* line 73, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+html body div#main ul#swatches li.swatch.light-switch {
+  color: #fff;
+}
+/* line 75, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+html body div#main ul#swatches li.swatch.light-switch .close {
+  color: #fff !important;
+}
+/* line 79, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+html body div#main ul#swatches li.swatch .close {
+  opacity: 0.2;
+  filter: alpha(opacity=20);
+  color: #666 !important;
+  float: right;
+  font-size: 20px;
+  font-weight: bold;
+  line-height: 18px;
+  position: absolute;
+  right: 5px;
+  text-decoration: none;
+  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.9);
+  top: 5px;
+}
+/* line 91, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+html body div#main ul#swatches li.swatch .close:hover {
+  opacity: 0.4;
+  filter: alpha(opacity=40);
+  color: #000;
+  cursor: pointer;
+  text-decoration: none;
+}
+/* line 98, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+html body div#main ul#swatches li.swatch span.help {
+  display: none;
+}
+
+/* line 144, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+button, input[type="button"], input[type="submit"], input[type="reset"], .btn {
+  display: inline-block;
+  padding: 4px 10px 4px;
+  font-size: 13px;
+  line-height: 18px;
+  color: #514f4c !important;
+  text-align: center;
+  text-decoration: none !important;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  background-color: #e6e6e6;
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(25%, white), to(#e6e6e6));
+  background-image: -webkit-linear-gradient(white, white 25%, #e6e6e6);
+  background-image: -moz-linear-gradient(top, white, white 25%, #e6e6e6);
+  background-image: -ms-linear-gradient(white, white 25%, #e6e6e6);
+  background-image: -o-linear-gradient(white, white 25%, #e6e6e6);
+  background-image: linear, top, white, white 25%, #e6e6e6;
+  background-repeat: no-repeat;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e6e6e6', GradientType=0);
+  border: 1px solid #d0cfcc;
+  border-bottom-color: #b4b2ad;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
+  -o-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  cursor: pointer;
+  *margin-left: .3em;
+}
+/* line 19, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/mixins/hacks/_ie.scss */
+button:first-child, input[type="button"]:first-child, input[type="submit"]:first-child, input[type="reset"]:first-child, .btn:first-child {
+  *margin-left: 0;
+}
+/* line 165, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .btn:hover {
+  -webkit-transition-property: background-position, 0.1s, linear;
+  -moz-transition-property: background-position, 0.1s, linear;
+  -ms-transition-property: background-position, 0.1s, linear;
+  -o-transition-property: background-position, 0.1s, linear;
+  transition-property: background-position, 0.1s, linear;
+  -webkit-transition-duration: 0.15s;
+  -moz-transition-duration: 0.15s;
+  -ms-transition-duration: 0.15s;
+  -o-transition-duration: 0.15s;
+  transition-duration: 0.15s;
+  -webkit-transition-timing-function: ease-out;
+  -moz-transition-timing-function: ease-out;
+  -ms-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+  -webkit-transition-delay: 0;
+  -moz-transition-delay: 0;
+  -ms-transition-delay: 0;
+  -o-transition-delay: 0;
+  transition-delay: 0;
+  color: #514f4c;
+  text-decoration: none;
+  background-color: #e6e6e6;
+  background-position: 0 -15px;
+}
+/* line 176, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+button:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, .btn:focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+/* line 182, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+button.active, button:active, input[type="button"].active, input[type="button"]:active, input[type="submit"].active, input[type="submit"]:active, input[type="reset"].active, input[type="reset"]:active, .btn.active, .btn:active {
+  -webkit-transition-property: background-position, 0.1s, linear;
+  -moz-transition-property: background-position, 0.1s, linear;
+  -ms-transition-property: background-position, 0.1s, linear;
+  -o-transition-property: background-position, 0.1s, linear;
+  transition-property: background-position, 0.1s, linear;
+  -webkit-transition-duration: 0.15s;
+  -moz-transition-duration: 0.15s;
+  -ms-transition-duration: 0.15s;
+  -o-transition-duration: 0.15s;
+  transition-duration: 0.15s;
+  -webkit-transition-timing-function: ease-out;
+  -moz-transition-timing-function: ease-out;
+  -ms-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+  -webkit-transition-delay: 0;
+  -moz-transition-delay: 0;
+  -ms-transition-delay: 0;
+  -o-transition-delay: 0;
+  transition-delay: 0;
+  background-image: none;
+  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.45), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.45), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -ms-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.45), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -o-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.45), 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.45), 0 1px 2px rgba(0, 0, 0, 0.05);
+  background-color: #e6e6e6;
+  color: rgba(0, 0, 0, 0.5);
+  outline: 0;
+}
+/* line 194, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+button.disabled, button[disabled], input[type="button"].disabled, input[type="button"][disabled], input[type="submit"].disabled, input[type="submit"][disabled], input[type="reset"].disabled, input[type="reset"][disabled], .btn.disabled, .btn[disabled] {
+  cursor: default;
+  background-image: none;
+  background-color: #e6e6e6;
+  opacity: 0.65;
+  filter: alpha(opacity=65);
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  -ms-box-shadow: none;
+  -o-box-shadow: none;
+  box-shadow: none;
+}
+/* line 200, ../../../../../../../Users/lynnwallenstein/workspace/personal/color_sleuth/sass/style.scss */
+button.disabled:hover, button[disabled]:hover, input[type="button"].disabled:hover, input[type="button"][disabled]:hover, input[type="submit"].disabled:hover, input[type="submit"][disabled]:hover, input[type="reset"].disabled:hover, input[type="reset"][disabled]:hover, .btn.disabled:hover, .btn[disabled]:hover {
+  -webkit-transition-property: background-position, 0.1s, linear;
+  -moz-transition-property: background-position, 0.1s, linear;
+  -ms-transition-property: background-position, 0.1s, linear;
+  -o-transition-property: background-position, 0.1s, linear;
+  transition-property: background-position, 0.1s, linear;
+  -webkit-transition-duration: 0.15s;
+  -moz-transition-duration: 0.15s;
+  -ms-transition-duration: 0.15s;
+  -o-transition-duration: 0.15s;
+  transition-duration: 0.15s;
+  -webkit-transition-timing-function: ease-out;
+  -moz-transition-timing-function: ease-out;
+  -ms-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+  -webkit-transition-delay: 0;
+  -moz-transition-delay: 0;
+  -ms-transition-delay: 0;
+  -o-transition-delay: 0;
+  transition-delay: 0;
+  color: #514f4c;
+  text-decoration: none;
+  background-color: none;
+  background-position: none;
+}