compass-responsive-embeds 0.0.3 → 0.0.4

Sign up to get free protection for your applications and to get access to all the features.
data/README.md CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  This extension helps embedding videos and iframes in responsive designs.
4
4
 
5
+ It provides a `responsive-embed` mixin to apply on an element containing an embed, to scale it while keeping its ratio.
6
+
5
7
  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.
6
8
 
7
9
  ## Installation
@@ -43,17 +45,17 @@ In your stylesheet:
43
45
 
44
46
  // 16/9 embed
45
47
  .embed-16-9 {
46
- @include embed-container(16/9);
48
+ @include responsive-embed(16/9);
47
49
  }
48
50
 
49
51
  // 4/3 embed
50
52
  .embed-4-3 {
51
- @include embed-container(4/3);
53
+ @include responsive-embed(4/3);
52
54
  }
53
55
 
54
56
  // default 1 ratio for a square embed
55
57
  @embed-1-1 {
56
- @include embed-container;
58
+ @include responsive-embed;
57
59
  }
58
60
 
59
61
  You can use any ratio, as long as the result can be converted to percentages.
@@ -1,7 +1,7 @@
1
1
  module Compass
2
2
  module Responsive
3
3
  module Embeds
4
- VERSION = "0.0.3"
4
+ VERSION = "0.0.4"
5
5
  end
6
6
  end
7
7
  end
@@ -4,7 +4,7 @@ $responsive-embeds-default-ratio : 1 !default;
4
4
  // Mixin
5
5
  //
6
6
  // $ratio : any valid ratio like 16/9, 4/3...
7
- @mixin embed-container(
7
+ @mixin responsive-embed(
8
8
  $ratio : $responsive-embeds-default-ratio
9
9
  ) {
10
10
  position: relative;
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: compass-responsive-embeds
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.3
4
+ version: 0.0.4
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors: