responsive-sass 0.0.1

data/.gitignore

@@ -0,0 +1,5 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*
+.DS_store

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in responsive-sass.gemspec
+gemspec

data/README.mkdn

@@ -0,0 +1,66 @@
+Responsive Sass - Compass plugin
+====================
+
+Responsive Sass mixins currently supports background image resizing, killing mobile zoom and work in all modern browsers with pure CSS. Additional support 
+for Internet Explorer and older browsers is made possible with a small amount 
+of JavaScript using [Respond](http://github.com/scottjehl/Respond).
+
+
+Installation
+============
+
+From the command line:
+
+    gem install responsive-sass
+
+Add to a project:
+
+    // rails: your.scss
+    @import 'responsive-sass'
+
+    // command line
+    compass install responsive-sass
+    
+Or create a new project:
+
+    compass -r responsive-sass -f responsive-sass project_directory
+
+Mixins:
+======
+
+Note: Setting your elements height is not required.
+
+* min-width-960
+
+    @include min-width-960($width, $height);
+
+* tablet-portrait
+
+    @include tablet-portrait($width, $height);
+   
+* tablet-landscape
+
+    @include tablet-landscape($width, $height);
+       
+* mobile-landscape
+
+    @include mobile-landscape($width, $height);
+   
+* mobile-portrait
+
+    @include mobile-portrait($width, $height);
+   
+* high-res
+
+    @include high-res($width, $height);
+   
+* kill-mobile-zoom
+
+    @include kill-mobile-zoom;
+    
+License:
+=======
+Copyright (c) 2011 Nick Treadway
+All Rights Reserved.
+
+Licensed under the [MIT license] (http://www.opensource.org/licenses/mit-license.php)

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/lib/responsive-sass/version.rb

@@ -0,0 +1,5 @@
+module Responsive
+  module Sass
+    VERSION = "0.0.1"
+  end
+end

data/lib/responsive-sass.rb

@@ -0,0 +1,4 @@
+require "responsive-sass/version"
+Compass::Frameworks.register('responsive-sass',  :path => "#{File.dirname(__FILE__)}/..")
+
+

data/responsive-sass.gemspec

@@ -0,0 +1,30 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "responsive-sass/version"
+
+Gem::Specification.new do |s|
+  s.name        = "responsive-sass"
+  s.version     = Responsive::Sass::VERSION
+  s.authors     = ["Nick Treadway"]
+  s.email       = ["rnt@yeti-media.com"]
+  s.homepage    = "http://github.com/ntreadway/responsive-sass"
+  s.summary     = %q{Responsive Sass}
+  s.description = %q{Responsive Sass design using media queries for Compass.}
+
+  s.rubyforge_project = "responsive-sass"
+
+  s.files  = `git ls-files`.split("\n")
+  s.files  += %w(README.mkdn)
+  s.files  += Dir.glob("stylesheets/**/*.*")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+
+
+  s.rubygems_version = %q{1.3.6}
+  s.add_development_dependency("rake")
+  s.add_dependency("compass", [">= 0.11"])
+  # specify any dependencies here; for example:
+  # s.add_development_dependency "rspec"
+  # s.add_runtime_dependency "rest-client"
+end

data/stylesheets/_responsive-sass.scss

@@ -0,0 +1,54 @@
+@mixin reponsive-core($width, $height: auto) {
+  width: $width;
+  height: $height;
+  -webkit-background-size: $width auto;
+  -moz-background-size: $width auto;
+  background-size: $width auto !important;
+  
+  
+}
+
+@mixin min-width-960($width, $height){
+    @media only screen and (min-width: 960px) {
+      @include reponsive-core($width, $height);
+    }
+}
+
+@mixin tablet-portrait($width, $height) {
+   @media only screen and (min-width: 768px) and (max-width: 959px) {
+     @include reponsive-core($width, $height);
+   }
+}
+
+@mixin tablet-landscape($width, $height){
+  @media only screen and (min-width: 1024px) {
+    @include reponsive-core($width, $height);
+  }
+}
+
+@mixin mobile-landscape($width, $height) {
+  @media only screen and (min-width: 480px) {
+    @include reponsive-core($width, $height);
+  }
+}
+
+@mixin mobile-portrait($width, $height) {
+  @media only screen and (max-width: 479px) {
+    @include reponsive-core($width, $height);
+  }
+}
+
+@mixin high-res($width, $height){
+/* iPhone 4 and other high pixel ratio devices ----------- */
+  @media
+  only screen and (-webkit-min-device-pixel-ratio: 2),
+  only screen and (-o-min-device-pixel-ratio: 3/2),
+  only screen and (min-device-pixel-ratio: 2) {
+    @include reponsive-core($width, $height);
+  }
+}
+
+@mixin kill-mobile-zoom {
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: none;
+}

metadata

@@ -0,0 +1,101 @@
+--- !ruby/object:Gem::Specification 
+name: responsive-sass
+version: !ruby/object:Gem::Version 
+  hash: 29
+  prerelease: 
+  segments: 
+  - 0
+  - 0
+  - 1
+  version: 0.0.1
+platform: ruby
+authors: 
+- Nick Treadway
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2011-08-27 00:00:00 Z
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  type: :development
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 3
+        segments: 
+        - 0
+        version: "0"
+  version_requirements: *id001
+  name: rake
+- !ruby/object:Gem::Dependency 
+  type: :runtime
+  prerelease: false
+  requirement: &id002 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 29
+        segments: 
+        - 0
+        - 11
+        version: "0.11"
+  version_requirements: *id002
+  name: compass
+description: Responsive Sass design using media queries for Compass.
+email: 
+- rnt@yeti-media.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- .gitignore
+- Gemfile
+- README.mkdn
+- Rakefile
+- lib/responsive-sass.rb
+- lib/responsive-sass/version.rb
+- responsive-sass.gemspec
+- stylesheets/_responsive-sass.scss
+homepage: http://github.com/ntreadway/responsive-sass
+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: responsive-sass
+rubygems_version: 1.8.8
+signing_key: 
+specification_version: 3
+summary: Responsive Sass
+test_files: []
+