compass-responsive-embeds 0.0.1

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in compass-responsive-embeds.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2012 Matthieu Sadouni
+
+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,50 @@
+# Compass Responsive Embeds
+
+This extension helps embedding videos and iframes in responsive designs.
+
+See the blogs posts from [Anders M. Andersen](http://amobil.se/2011/11/responsive-embeds/) and [A List Apart](http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/) for more information.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'compass-responsive-embeds'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install compass-responsive-embeds
+
+Add to a project:
+
+    // rails: compass.config, other: config.rb
+    require 'compass-responsive-embeds'
+
+    // command line
+    compass install compass-responsive-embeds
+
+## Usage
+
+    @import 'compass-responsive-embeds';
+
+    // 16/9 embed
+    .embed-16-9 {
+      @include embed-container(16/9);
+    }
+
+    // 4/3 embed
+    .embed-4-3 {
+      @include embed-container(4/3);
+    }
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+

data/Rakefile

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

data/compass-responsive-embeds.gemspec

@@ -0,0 +1,23 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'compass-responsive-embeds/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = "compass-responsive-embeds"
+  gem.version       = Compass::Responsive::Embeds::VERSION
+  gem.authors       = ["Matthieu Sadouni"]
+  gem.email         = ["matthieusadouni@gmail.com"]
+  gem.description   = <<-EOF
+    see http://amobil.se/2011/11/responsive-embeds/ and http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ for more information
+  EOF
+  gem.summary       = %q{a compass extension to help embed videos and iframes in responsive designs}
+  gem.homepage      = ""
+
+  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.require_paths = ["lib"]
+
+  gem.add_dependency("compass")
+end

data/lib/compass-responsive-embeds.rb

@@ -0,0 +1,5 @@
+require "compass-responsive-embeds/version"
+require 'compass'
+Compass::Frameworks.register('compass-responsive-embeds',
+                             :stylesheets_directory => File.join(File.dirname(__FILE__), '..', 'stylesheets'),
+                             :templates_directory => File.join(File.dirname(__FILE__), '..', 'templates'))

data/lib/compass-responsive-embeds/version.rb

@@ -0,0 +1,7 @@
+module Compass
+  module Responsive
+    module Embeds
+      VERSION = "0.0.1"
+    end
+  end
+end

data/stylesheets/_compass-responsive-embeds.scss

@@ -0,0 +1,3 @@
+// This is your framework's main stylesheet. Use it to import all default modules.
+@import 'compass-responsive-embeds/responsive-embeds';
+

data/stylesheets/compass-responsive-embeds/_responsive-embeds.scss

@@ -0,0 +1,20 @@
+// Mixin
+//
+// $ratio : any valid ratio like 16/9, 4/3...
+@mixin embed-container($ratio) {
+  position: relative;
+  padding-bottom: 100%/$ratio;
+  padding-top: 30px; /* IE6 workaround*/
+  height: 0;
+  overflow: hidden;
+  & iframe,
+  & object,
+  & embed {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+  }
+}
+

data/templates/project/manifest.rb

@@ -0,0 +1,2 @@
+# Make sure you list all the project template files here in the manifest.
+stylesheet 'screen.sass', :media => 'screen, projection'

data/templates/project/screen.scss

@@ -0,0 +1,2 @@
+// This is where you put the contents of the main stylesheet for the user's project.
+// It should import your sass stylesheets and demonstrate how to use them.

metadata

@@ -0,0 +1,76 @@
+--- !ruby/object:Gem::Specification
+name: compass-responsive-embeds
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Matthieu Sadouni
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-10-25 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: ! '    see http://amobil.se/2011/11/responsive-embeds/ and http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
+  for more information
+
+'
+email:
+- matthieusadouni@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- compass-responsive-embeds.gemspec
+- lib/compass-responsive-embeds.rb
+- lib/compass-responsive-embeds/version.rb
+- stylesheets/_compass-responsive-embeds.scss
+- stylesheets/compass-responsive-embeds/_responsive-embeds.scss
+- templates/project/manifest.rb
+- templates/project/screen.scss
+homepage: ''
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: a compass extension to help embed videos and iframes in responsive designs
+test_files: []