Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

css code and compass includes

  • Loading branch information...
commit 1a62bbb38a19bc64d2865706c4d5244f1a371da3 1 parent 2b17fc0
@msadouni authored
View
12 lib/compass-responsive-embeds.rb
@@ -1,9 +1,5 @@
require "compass-responsive-embeds/version"
-
-module Compass
- module Responsive
- module Embeds
- # Your code goes here...
- end
- end
-end
+require 'compass'
+Compass::Frameworks.register('compass-responsive-embeds',
+ :stylesheets_directory => File.join(File.dirname(__FILE__), '..', 'stylesheets'),
+ :templates_directory => File.join(File.dirname(__FILE__), '..', 'templates'))
View
3  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';
+
View
20 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%;
+ }
+}
+
View
2  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'
View
2  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.
Please sign in to comment.
Something went wrong with that request. Please try again.