respond-to 2.0

data/lib/respond-to.rb

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

data/stylesheets/_respond-to.scss

@@ -0,0 +1,64 @@
+////////////////////////
+// Import the Breakpoint partial
+////////////////////////
+@import 'breakpoint';
+
+////////////////////////
+// Default the Breakpoints variable
+////////////////////////
+$breakpoints: false !default;
+
+////////////////////////
+// Respond-to API Mixin
+////////////////////////
+@mixin respond-to($context, $media: "screen") {
+  @if $breakpoints != false {
+    // Check to see if the 2nd item is a number. If it is, we've got a single query
+    @if type-of(nth($breakpoints, 2)) == 'number' {
+      // Check to see if the context matches the breakpoint namespace
+      @if $context == nth($breakpoints, 1) {
+        // Call Media Query Generator
+        @include media-query-gen($breakpoints, $media) {
+          @content;
+        }
+      }
+    }
+    // Else, loop over all of them
+    @else {
+      // Loop over each breakpoint and check context
+      @each $bkpt in $breakpoints {
+        // If context is correct…
+        @if $context == nth($bkpt, 1) {
+          // Call the generator!
+          @include media-query-gen($bkpt, $media) {
+            @content;
+          }
+        }
+      }
+    }
+  }
+}
+
+////////////////////////
+// Helper Mixin ebcause this stuff gets used twice
+////////////////////////
+@mixin media-query-gen($bpt, $media) {
+  // Get length of breakpoint variable, minus the namespace
+  $length: length($bpt);
+  // Go through all of the breakpoint items, starting at the second, and add them to a variable to be passed into the media query mixin
+  $mq: false !default;
+  @for $i from 2 through $length {
+    // If it's the first item, override $mq
+    @if $i == 2 {
+      $mq: nth($bpt, $i);
+    }
+    // Else, join $mq
+    @else {
+      $mq: join($mq, nth($bpt, $i));
+    }
+  }
+  // Call Media Query mixin
+  @include breakpoint($mq, $media) {
+    @content;
+  }
+}

metadata

@@ -0,0 +1,89 @@
+--- !ruby/object:Gem::Specification 
+name: respond-to
+version: !ruby/object:Gem::Version 
+  prerelease: false
+  segments: 
+  - 2
+  - 0
+  version: "2.0"
+platform: ruby
+authors: 
+- Sam Richard
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2011-06-18 00:00:00 -04:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: sass
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    requirements: 
+    - - ~>
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 3
+        - 1
+        version: "3.1"
+  type: :runtime
+  version_requirements: *id001
+- !ruby/object:Gem::Dependency 
+  name: breakpoint
+  prerelease: false
+  requirement: &id002 !ruby/object:Gem::Requirement 
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 0
+        - 2
+        version: "0.2"
+  type: :runtime
+  version_requirements: *id002
+description: Easy Media Query Handling
+email: 
+- snugug@gmail.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- lib/respond-to.rb
+- stylesheets/_respond-to.scss
+has_rdoc: true
+homepage: https://github.com/Snugug/respond-to
+licenses: []
+
+post_install_message: 
+rdoc_options: []
+
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 1
+      - 2
+      version: "1.2"
+requirements: []
+
+rubyforge_project: respond-to
+rubygems_version: 1.3.6
+signing_key: 
+specification_version: 3
+summary: Use the Variable Driven Respond-to Mixin (https://gist.github.com/2493551) in your project today!
+test_files: []
+