compass-framelessgrid 0.0.1 → 0.0.2

data/lib/compass-framelessgrid/version.rb

@@ -1,5 +1,5 @@
 module Compass
   module Framelessgrid
-    VERSION = "0.0.1"
+    VERSION = "0.0.2"
   end
 end

data/stylesheets/_compass-framelessgrid.scss

@@ -1 +1,25 @@
+@import "partials/base";
+
+@mixin reponsive-core($width, $height: auto, $background: false, $display: false, $font-size: $font-size, $margin: $margin) {
+  height: $height;
+  width: $width;
+  font-size: $font-size;
+  margin: $margin;
+  @if $background {
+    background-image: url($background);
+    -webkit-background-size: $width $height;
+    -moz-background-size: $width $height;
+    background-size: $width $height;
+  }
+  @if $display {
+    display: none;
+  }
+  
+}
+
 // This is your framework's main stylesheet. Use it to import all default modules.
+@mixin mobile-portrait($width, $height: auto, $background: false, $display: false, $font-size: $font-size, $margin: $margin) {
+  @media only screen and (min-width: 20em) and (max-width: 29.938em) {
+    @include reponsive-core($width, $height, $background, $display: false, $font-size: $font-size, $margin: $margin);
+  }
+}

data/stylesheets/partials/_base.scss

@@ -0,0 +1,27 @@
+$font-size: 16px;     // Your base font-size in pixels
+$em: $font-size / 1em;  // Shorthand for outputting ems
+$margin: 0 auto;
+$column: 48px;  // The column-width of your grid in pixels
+$gutter: 24px;  // The gutter-width of your grid in pixels
+
+
+//
+// Column-widths in variables, in ems
+//
+
+ $cols1: ( 1 * ($column + $gutter) - $gutter) / $em;
+ $cols2: ( 2 * ($column + $gutter) - $gutter) / $em;
+ $cols3: ( 3 * ($column + $gutter) - $gutter) / $em;
+ $cols4: ( 4 * ($column + $gutter) - $gutter) / $em;
+ $cols5: ( 5 * ($column + $gutter) - $gutter) / $em;
+ $cols6: ( 6 * ($column + $gutter) - $gutter) / $em;
+ $cols7: ( 7 * ($column + $gutter) - $gutter) / $em;
+ $cols8: ( 8 * ($column + $gutter) - $gutter) / $em;
+ $cols9: ( 9 * ($column + $gutter) - $gutter) / $em;
+$cols10: (10 * ($column + $gutter) - $gutter) / $em;
+$cols11: (11 * ($column + $gutter) - $gutter) / $em;
+$cols12: (12 * ($column + $gutter) - $gutter) / $em;
+$cols13: (13 * ($column + $gutter) - $gutter) / $em;
+$cols14: (14 * ($column + $gutter) - $gutter) / $em;
+$cols15: (15 * ($column + $gutter) - $gutter) / $em;
+$cols16: (16 * ($column + $gutter) - $gutter) / $em;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: compass-framelessgrid
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
   prerelease: 
 platform: ruby
 authors:
@@ -53,10 +53,12 @@ files:
 - Gemfile
 - README.md
 - Rakefile
+- compass-framelessgrid-0.0.1.gem
 - compass-framelessgrid.gemspec
 - lib/compass-framelessgrid.rb
 - lib/compass-framelessgrid/version.rb
 - stylesheets/_compass-framelessgrid.scss
+- stylesheets/partials/_base.scss
 - templates/project/manifest.rb
 - templates/project/screen.scss
 homepage: http://marcinant.github.com/responsive-sass/welcome