mobile_reset 0.1.1

data/README.md

@@ -0,0 +1,31 @@
+mobile_reset
+============
+
+A compass extension for resetting mobile specific styles. An extension of the [Meyer CSS Reset](http://meyerweb.com/eric/tools/css/reset/) applied to modern mobile browsers, particularly Mobile Safari.
+
+## Usage
+From the command line:
+
+    (sudo) gem install mobile_reset
+
+Or, from your project's Gemfile:
+
+    gem 'mobile_reset'
+
+At the top of your main SCSS file, add the following:
+
+    @import 'mobile_reset';
+
+In your compass config file:
+
+    require 'mobile_reset'
+
+From the command line:
+
+    compass install 'mobile_reset'
+
+If you're using jQuery, you can add the following to automatically disable the long tap touch callout dialog in mobile safari on all links with `href='#'`:
+
+    $(window).load(function() {
+      $('a[href="#"]').addClass('no-touch-callout');
+    }

data/lib/mobile_reset.rb

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

data/stylesheets/_mobile_reset.scss

@@ -0,0 +1,36 @@
+// Disable shadow effects in textfield inputs
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="tel"],
+input[type="text"],
+input[type="time"],
+input[type="week"],
+input[type="url"],
+textarea {
+  -webkit-appearance: none;
+}
+
+// Disable webkit tap-highlighting on non-links
+body {
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+  tap-highlight-color: rgba(0,0,0,0);
+}
+
+// Enable webkit tap-highlighting on links and inputs
+a,
+input,
+textarea {
+  -webkit-tap-highlight-color: #999;
+  tap-highlight-color: #999;
+}
+
+// Add this class to any links that are overridden by Javascript
+// In jQuery: $('a[href="#"]').addClass('no-touch-callout');
+.no-touch-callout {
+  -webkit-touch-callout: none;
+}

metadata

@@ -0,0 +1,81 @@
+--- !ruby/object:Gem::Specification 
+name: mobile_reset
+version: !ruby/object:Gem::Version 
+  hash: 25
+  prerelease: 
+  segments: 
+  - 0
+  - 1
+  - 1
+  version: 0.1.1
+platform: ruby
+authors: 
+- Sam Grossberg
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2012-07-23 00:00:00 Z
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: compass
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 29
+        segments: 
+        - 0
+        - 11
+        version: "0.11"
+  type: :runtime
+  version_requirements: *id001
+description: a compass extension for resetting mobile specific styles
+email: sam.grossberg@gmail.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- README.md
+- lib/mobile_reset.rb
+- stylesheets/_mobile_reset.scss
+homepage: http://www.samgrossberg.com/
+licenses: []
+
+post_install_message: 
+rdoc_options: []
+
+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.8.24
+signing_key: 
+specification_version: 3
+summary: a compass extension for resetting mobile specific styles
+test_files: []
+