grids 1.1.0

data/.gitignore

@@ -0,0 +1,18 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+.sass-cache

data/Gemfile

@@ -0,0 +1,7 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in grids.gemspec
+gemspec
+
+gem 'rspec'
+gem 'pry'

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Vadim Rastyagaev
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/Rakefile

@@ -0,0 +1,2 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"

data/grids.gemspec

@@ -0,0 +1,18 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/grids/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Vadim Rastyagaev"]
+  gem.email         = ["abc@oktoberliner.ru"]
+  gem.description   = %q{SASS helpers for grid systems management}
+  gem.summary       = %q{SASS helpers for grid systems management}
+
+  gem.files         = `git ls-files`.split($\)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.name          = "grids"
+  gem.require_paths = ["lib"]
+  gem.version       = Grids::VERSION
+
+  gem.add_dependency 'sass', '~> 3.2'
+end

data/lib/grids/grid.scss.erb

@@ -0,0 +1,58 @@
+<%= context%>
+
+$<%= name %>-atom-x: <%= atom_x %>;
+$<%= name %>-atom-y: <%= atom_y %>;
+
+$<%= name %>-gutter-x: <%= defined?(gutter_x) ? gutter_x : atom_x; %>;
+$<%= name %>-gutter-y: <%= defined?(gutter_y) ? gutter_y : atom_y; %>;
+
+$<%= name %>-module-width: <%= module_width %>;
+<% if defined? module_height %>
+  $<%= name %>-module-height: <%= module_height %>;
+<% end %>
+
+$<%= name %>-modules-x-count: <%= modules_x_count %>;
+<% if defined? modules_y_count %>
+  $<%= name %>-modules_y_count: <%= modules_x_count %>;
+<% end %>
+
+@function <%= name %>-x($t: 1) {
+  @return $<%= name %>-atom-x * $t;
+}
+@function <%= name %>-y($t: 1) {
+  @return $<%= name %>-atom-y * $t;
+}
+
+@function <%= name %>-gutter-x($t: 1) {
+  @return $<%= name %>-gutter-x * $t;
+}
+@function <%= name %>-gutter-y($t: 1) {
+  @return $<%= name %>-gutter-y * $t;
+}
+
+@function <%= name %>-modules-x($m) {
+  @return <%= name %>-x($<%= name %>-module-width * $m) + <%= name %>-gutter-x($m - 1);
+}
+<% if defined? module_height %>
+  @function <%= name %>-modules-y($m) {
+    @return <%= name %>-y($<%= name %>-module-height * $m) + <%= name %>-gutter-y($m - 1);
+  }
+<% end %>
+
+@function <%= name %>-modules-gap-x($m) {
+  @return <%= name %>-modules-x($m) + <%= name %>-gutter-x(1);
+}
+<% if defined? module_height %>
+@function <%= name %>-modules-gap-y($m) {
+  @return <%= name %>-modules-y($m) + <%= name %>-gutter-y(1);
+}
+<% end %>
+
+@function <%= name %>-full-page-width() {
+  @return <%= name %>-modules-x($<%= name %>-modules-x-count)
+}
+<% if defined? module_height and defined? modules_y_count %>
+  @function <%= name %>-full-page-height() {
+    @return <%= name %>-modules-y($<%= name %>-modules-y-count)
+  }
+<% end %>

data/lib/grids/importer.rb

@@ -0,0 +1,52 @@
+require 'erb'
+require 'ostruct'
+
+module Grids
+  class Binding < OpenStruct
+    def get_binding
+      binding()
+    end
+  end
+
+  class Importer < Sass::Importers::Filesystem
+    EXT_REGEX = /\.grid$/
+
+    private
+    
+    def _find(dir, name, options)
+      return unless name =~ EXT_REGEX
+      Sass::Engine.new(generate_grid(name, options), options)
+    end
+
+    def grid_name(filename)
+      filename.split('/').last.split('.').first
+    end
+
+    def generate_grid(name, options)
+      grid_settings = grid_settings_map(name, options)
+      grid_settings[:name] = grid_name(name)
+      grid_settings[:context] = import_settings_template(name)
+      
+      binding = Binding.new(grid_settings)      
+      
+      grid_template_path = File.join(File.expand_path('../', __FILE__), 'grid.scss.erb')
+      grid_template = ERB.new(File.read(grid_template_path))
+      
+      grid_template.result(binding.get_binding)
+    end
+
+    def grid_settings_map(filename, options)
+      import_engine = Sass::Engine.new(import_settings_template(filename), options)
+      import_node = import_engine.to_tree.to_a.last
+      engine = import_node.imported_file
+      variables = engine.to_tree.to_a.select{|v| v.is_a? Sass::Tree::VariableNode }
+      Hash[variables.map{|v| [v.name.gsub('-', '_'), v.expr.to_sass]}]
+    end
+
+    def import_settings_template(filename)
+      settings_file_name = filename.gsub(EXT_REGEX, '')
+      import_template = "@import '#{settings_file_name}';"
+    end
+  end
+end
+

data/lib/grids/version.rb

@@ -0,0 +1,3 @@
+module Grids
+  VERSION = "1.1.0"
+end

data/lib/grids.rb

@@ -0,0 +1,7 @@
+require 'sass'
+require 'grids/importer'
+require "grids/version"
+
+module Grids
+  Sass.load_paths << Importer.new('.')
+end

data/spec/fixtures/application.scss

@@ -0,0 +1,5 @@
+@import 'display.grid';
+
+body {
+  width: display-full-page-width();
+}

data/spec/fixtures/display.scss

@@ -0,0 +1,6 @@
+$atom-x: 42px;
+$atom-y: 21px;
+$module-width: 1;
+$module-height: 1;
+$modules-x-count: 12;
+$modules-y-count: 12;

data/spec/fixtures/mobile.scss

@@ -0,0 +1,4 @@
+$atom-x: 100% / 11;
+$atom-y: 21px;
+$module-width: 1;
+$modules-x-count: 6;

data/spec/grid_spec.rb

@@ -0,0 +1,56 @@
+require 'spec_helper.rb'
+
+describe "Grid named functions" do
+  let (:source) { "@import './spec/fixtures/display.grid';" }
+  let (:output) { Sass.compile(source, style: :compact) }
+  
+  specify 'x' do
+    source << "body { width: display-x(2); }\n"
+    output.should == "body { width: 84px; }\n"
+  end
+
+  specify 'y' do
+    source << "body { height: display-y(2); }\n"
+    output.should == "body { height: 42px; }\n"
+  end
+
+  specify 'gutter-x' do
+    source << "body { margin-right: display-gutter-x(1); }\n"
+    output.should == "body { margin-right: 42px; }\n"
+  end
+
+  specify 'gutter-y' do
+    source << "body { margin-bottom: display-gutter-y(1); }\n"
+    output.should == "body { margin-bottom: 21px; }\n"
+  end
+
+  specify 'modules-x' do
+    source << "body { width: display-modules-x(2); }\n"
+    output.should == "body { width: 126px; }\n"
+  end
+
+  specify 'modules-y' do
+    source << "body { height: display-modules-y(2); }\n"
+    output.should == "body { height: 63px; }\n"
+  end
+
+  specify 'modules-gap-x' do
+    source << "body { width: display-modules-gap-x(2); }\n"
+    output.should == "body { width: 168px; }\n"
+  end
+
+  specify 'modules-gap-y' do
+    source << "body { height: display-modules-gap-y(2); }\n"
+    output.should == "body { height: 84px; }\n"
+  end
+
+  specify 'full-page-width' do
+    source << "body { width: display-full-page-width(); }\n"
+    output.should == "body { width: 966px; }\n"
+  end
+
+  specify 'full-page-height' do
+    source << "body { height: display-full-page-height(); }\n"
+    output.should == "body { height: 483px; }\n"
+  end
+end

data/spec/importer_spec.rb

@@ -0,0 +1,20 @@
+require 'spec_helper.rb'
+
+describe "Importer" do
+  it "should add an importer to Sass.load_paths" do
+    Sass.load_paths.last.class.should == Grids::Importer
+  end
+
+  it "should be able to import grid settings" do
+    source = "@import './spec/fixtures/display.grid'"
+    expect { Sass.compile(source) }.to_not raise_error(Sass::SyntaxError)
+  end
+
+  it "should be able to make a grid from imported settings" do
+    source = "
+      @import './spec/fixtures/display.grid';
+      body { width: display-full-page-width(); }
+    "    
+    Sass.compile(source).should == "body {\n  width: 966px; }\n"
+  end
+end

data/spec/multiple_grids_spec.rb

@@ -0,0 +1,17 @@
+require 'spec_helper'
+
+describe 'Grid' do
+  it 'should be able to make two different grid helpers' do
+    source = "
+      @import './spec/fixtures/display.grid';
+      @import './spec/fixtures/mobile.grid';
+      body.display { width: display-full-page-width(); }
+      body.mobile { width: mobile-full-page-width(); }
+    "
+
+    Sass.compile(source).gsub(/\s/, '').should == "
+      body.display { width: 966px; }
+      body.mobile { width: 100%; }
+    ".gsub(/\s/, '')
+  end
+end

data/spec/settings_spec.rb

@@ -0,0 +1,16 @@
+require "spec_helper"
+require 'tempfile'
+
+describe "Grid settings" do
+  # specify "required atom-x"
+  # specify "optional atom-y"
+
+  # specify "required module-width"
+  # specify "optional module-height"
+
+  # specify "required modules-x-count"
+  # specify "optional modules-y-count"
+
+  # specify "optional gutter-x"
+  # specify "optional gutter-y"
+end

data/spec/spec_helper.rb

@@ -0,0 +1,3 @@
+require 'pry'
+require 'sass'
+require 'grids'

metadata

@@ -0,0 +1,87 @@
+--- !ruby/object:Gem::Specification
+name: grids
+version: !ruby/object:Gem::Version
+  version: 1.1.0
+  prerelease: 
+platform: ruby
+authors:
+- Vadim Rastyagaev
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-02-15 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.2'
+description: SASS helpers for grid systems management
+email:
+- abc@oktoberliner.ru
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- grids.gemspec
+- lib/grids.rb
+- lib/grids/grid.scss.erb
+- lib/grids/importer.rb
+- lib/grids/version.rb
+- spec/fixtures/application.scss
+- spec/fixtures/display.scss
+- spec/fixtures/mobile.scss
+- spec/grid_spec.rb
+- spec/importer_spec.rb
+- spec/multiple_grids_spec.rb
+- spec/settings_spec.rb
+- spec/spec_helper.rb
+homepage: 
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.23
+signing_key: 
+specification_version: 3
+summary: SASS helpers for grid systems management
+test_files:
+- spec/fixtures/application.scss
+- spec/fixtures/display.scss
+- spec/fixtures/mobile.scss
+- spec/grid_spec.rb
+- spec/importer_spec.rb
+- spec/multiple_grids_spec.rb
+- spec/settings_spec.rb
+- spec/spec_helper.rb