grids-overlay 0.1.0 → 0.2.0

data/lib/grids-overlay.rb

@@ -1,5 +1,6 @@
 require 'spaceless'
 require 'grids-overlay/version'
+require 'grids-overlay/importer'
 
 module Grids
   module Overlay
@@ -14,5 +15,7 @@ module Grids
       class Engine < ::Rails::Engine
       end
     end
+
+    Sass.load_paths << Importer.new('.')
   end
 end

data/lib/grids-overlay/importer.rb

@@ -0,0 +1,15 @@
+require 'grids'
+module Grids
+  module Overlay
+    class Importer < Grids::Importer
+      private
+      def extension_regex
+        /\.overlay$/
+      end
+
+      def template_path
+        File.join(File.expand_path('../', __FILE__), 'overlay.scss.erb')
+      end
+    end
+  end
+end

data/lib/grids-overlay/overlay.scss.erb

@@ -0,0 +1,39 @@
+@import 'spaceless';
+
+$overlay-full-page-width: <%= name %>-full-page-width()!default;
+
+#<%= name %>-grid-overlay {
+  width: $overlay-full-page-width;
+  position: absolute;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+
+  &%centered-grid {
+    left: 50%;
+    margin-left: -$overlay-full-page-width / 2; 
+  }
+}
+
+.vert-container {
+  @include spaceless;
+  margin-right: <%= name %>-gutter-x(1);
+}
+
+.vert{
+  display: inline-block;
+  width: <%= name %>-modules-x(1);
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  background: rgba(0, 0, 255, 0.1);
+  margin-right: <%= name %>-gutter-x();
+}
+
+.horiz{
+  height: <%= name %>-y();
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  background: rgba(0, 0, 255, 0.1);
+  margin-bottom: <%= name %>-gutter-y();
+}
+

data/lib/grids-overlay/version.rb

@@ -1,5 +1,5 @@
 module Grids
   module Overlay
-    VERSION = "0.1.0"
+    VERSION = "0.2.0"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: grids-overlay
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
   prerelease: 
 platform: ruby
 authors:
@@ -57,9 +57,10 @@ files:
 - Rakefile
 - app/assets/javascripts/grids/overlay.js.coffee
 - app/assets/javascripts/grids/overlay/hashgrid.js
-- app/assets/stylesheets/grids/overlay.css.scss
 - grids-overlay.gemspec
 - lib/grids-overlay.rb
+- lib/grids-overlay/importer.rb
+- lib/grids-overlay/overlay.scss.erb
 - lib/grids-overlay/version.rb
 homepage: https://github.com/whitescape/grids-overlay
 licenses: []

data/app/assets/stylesheets/grids/overlay.css.scss

@@ -1,40 +0,0 @@
-@import 'spaceless';
-
-@mixin grids-overlay($name) {
-  ##{$name}-grid-overlay {
-    width: $overlay-full-page-width; // width: full-page-width($name);
-    position: absolute;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-
-    &%centered-grid {
-      left: 50%;
-      margin-left: -$overlay-full-page-width / 2; 
-    }
-
-    @content;
-  }
-
-  .vert-container {
-    @include spaceless;
-    margin-right: $overlay-gutter-x; // margin-right: gutter-x($name, 1);
-  }
-
-  .vert{
-    display: inline-block;
-    width: $overlay-modules-x; // width: modules-x($name, 1);
-    box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    background: rgba(0, 0, 255, 0.1);
-    margin-right: $overlay-gutter-x;
-  }
-
-  .horiz{
-    height: $overlay-y; // height: y($name, 1);
-    box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    background: rgba(0, 0, 255, 0.1);
-    margin-bottom: $overlay-gutter-y; // margin-bottom: gutter-y($name, 1);
-  }
-}