compass-fluid-video 1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: be32845d094e55f5ffdd2bf0fbff611c70767562
+  data.tar.gz: 15f34ca6fb1bb80cece5a40880230c40e924c7c5
+SHA512:
+  metadata.gz: dc227ada164a676eb4c8a60ee7cae1734e1f2932bc8c669c244e84cc66c056367550ab5061c8178c5acc64ce6573945720ae2601497039b731e3920d9b1c695a
+  data.tar.gz: 0ab774283c59c4ecaecd59a3c9e8fc61bd8000f51c342440eaf03210dbf8589978887a30a105610004e3d90cf48c63454b3149763009f857484f669faef1bbf3

data/README.md

@@ -0,0 +1,4 @@
+compass-fluid-video
+===================
+
+A Compass extension for making fluid videos.

data/lib/compass-fluid-video.rb

@@ -0,0 +1,34 @@
+# All gems that are required for this extension to work should go here.
+# These are the requires you would normally put in your config.rb file
+# By default, you should always included Compass. Do not include your
+#  extension.
+require 'compass'
+
+# This tells Compass what your Compass extension is called, and where to find
+#  its files
+# Replace 'extension' with the name of your extension. Spaces allowed.
+extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
+Compass::Frameworks.register('compass-fluid-video', :path => extension_path)
+
+# Version and date of version for your Compass extension.
+# Replace Extension with the name of your extension
+#  Letters, numbers, and underscores only
+#  Version is a number. If a version contains alphas, it will be created as
+#    a prerelease version
+#  Date is in the form of YYYY-MM-DD
+module Compass
+  module Fluid
+    module Video
+      VERSION = "1.0"
+      DATE = "2014-08-05"
+    end
+  end
+end
+
+# This is where any custom SassScript should be placed. The functions will be  
+#  available on require of your extension without the need for users to import
+#  any partials. Uncomment below.
+
+# module Sass::Script::Functions
+# 
+# end

data/stylesheets/_compass-fluid-video.scss

@@ -0,0 +1,30 @@
+.container {
+    position: relative;
+    height: 0;
+    overflow: hidden;
+}
+
+.video {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+@mixin fluid-video(
+    $width: null,
+    $height: null) {
+
+    @extend .container;
+    
+    @if ($width and $height) {
+        padding-bottom: percentage($height / $width);
+    } @else {
+        padding-bottom: 56.25%;
+    }
+
+    & > iframe, object, embed, video  {
+        @extend .video;
+    }
+}

data/templates/project/_compass-fluid-video-demo.scss

@@ -0,0 +1,21 @@
+@import 'compass-fluid-video';
+
+/*
+The only requirement of this extension is that your wrap your video inside a 
+container, for example a <div> with a class of "video-container".
+Out of the box this supports 16:9 ratio videos.
+*/
+
+.video-container {
+    @include fluid-video;
+}
+
+/*
+To use a custom ratio, simply provideo a width and height.
+*/
+
+.custom {
+    @include fluid-video($width: 500, $height: 214);
+    // shorthand syntax:
+    // @include fluid-video(500, 214);
+}

data/templates/project/manifest.rb

@@ -0,0 +1,22 @@
+# Description
+description "A Compass extension for making fluid videos."
+
+# Stylesheet Import
+file '_compass-fluid-video-demo.scss', :like => :stylesheet, :media => 'screen, projection'
+
+# Javascript Import
+# file 'scripts.js', :like => :javascript, :to => 'scripts.js'
+
+# General File Import
+# file 'README.md', :to => "README.md"
+
+# Compass Extension Help
+help %Q{
+  Open _compass-fluid-video-demo.scss for help and examples.
+}
+
+# Compass Extension Welcome Message
+#  Users will see this when they create a new project using this template.
+welcome_message %Q{
+  You have successfully installed compass-fluid-video!
+}

metadata

@@ -0,0 +1,78 @@
+--- !ruby/object:Gem::Specification
+name: compass-fluid-video
+version: !ruby/object:Gem::Version
+  version: '1.0'
+platform: ruby
+authors:
+- Charlie Hield
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-08-05 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 3.2.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 3.2.0
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 0.12.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 0.12.1
+description: A Compass extension for making fluid videos.
+email:
+- charles.hield@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- CHANGELOG.md
+- lib/compass-fluid-video.rb
+- stylesheets/_compass-fluid-video.scss
+- templates/project/_compass-fluid-video-demo.scss
+- templates/project/manifest.rb
+homepage: https://github.com/stursby/compass-fluid-video
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: 1.3.6
+requirements: []
+rubyforge_project: compass-fluid-video
+rubygems_version: 2.0.14
+signing_key: 
+specification_version: 4
+summary: A simple way to make your videos fluid/responsive. By default compass-fluid-video
+  works with 16:9 ratio videos, but also accepts custom dimensions.
+test_files: []