Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

css code and compass includes

  • Loading branch information...
commit 1a62bbb38a19bc64d2865706c4d5244f1a371da3 1 parent 2b17fc0
Matthieu Sadouni authored October 25, 2012
12  lib/compass-responsive-embeds.rb
... ...
@@ -1,9 +1,5 @@
1 1
 require "compass-responsive-embeds/version"
2  
-
3  
-module Compass
4  
-  module Responsive
5  
-    module Embeds
6  
-      # Your code goes here...
7  
-    end
8  
-  end
9  
-end
  2
+require 'compass'
  3
+Compass::Frameworks.register('compass-responsive-embeds',
  4
+                             :stylesheets_directory => File.join(File.dirname(__FILE__), '..', 'stylesheets'),
  5
+                             :templates_directory => File.join(File.dirname(__FILE__), '..', 'templates'))
3  stylesheets/_compass-responsive-embeds.scss
... ...
@@ -0,0 +1,3 @@
  1
+// This is your framework's main stylesheet. Use it to import all default modules.
  2
+@import 'compass-responsive-embeds/responsive-embeds';
  3
+
20  stylesheets/compass-responsive-embeds/_responsive-embeds.scss
... ...
@@ -0,0 +1,20 @@
  1
+// Mixin
  2
+//
  3
+// $ratio : any valid ratio like 16/9, 4/3...
  4
+@mixin embed-container($ratio) {
  5
+  position: relative;
  6
+  padding-bottom: 100%/$ratio;
  7
+  padding-top: 30px; /* IE6 workaround*/
  8
+  height: 0;
  9
+  overflow: hidden;
  10
+  & iframe,
  11
+  & object,
  12
+  & embed {
  13
+      position: absolute;
  14
+      top: 0;
  15
+      left: 0;
  16
+      width: 100%;
  17
+      height: 100%;
  18
+  }
  19
+}
  20
+
2  templates/project/manifest.rb
... ...
@@ -0,0 +1,2 @@
  1
+# Make sure you list all the project template files here in the manifest.
  2
+stylesheet 'screen.sass', :media => 'screen, projection'
2  templates/project/screen.scss
... ...
@@ -0,0 +1,2 @@
  1
+// This is where you put the contents of the main stylesheet for the user's project.
  2
+// It should import your sass stylesheets and demonstrate how to use them.

0 notes on commit 1a62bbb

Please sign in to comment.
Something went wrong with that request. Please try again.