css-snippets 0.0.1

data/lib/css-snippets.rb

@@ -0,0 +1,19 @@
+require 'active_support/dependencies/autoload'
+
+module CssSnippets
+
+  autoload :Renderer, 'css-snippets/renderer'
+  autoload :Version,  'css-snippets/version'
+
+  def self.register_framework!
+    require 'compass'
+    Compass::Frameworks.register "css-snippets", :path => File.expand_path("#{File.dirname(__FILE__)}/../.")
+  end
+
+  def self.enable_rails_engine!
+    require 'css-snippets/engine'
+  end
+end
+
+CssSnippets.register_framework!
+CssSnippets.enable_rails_engine! if defined?(::Rails)

data/lib/css-snippets/engine.rb

@@ -0,0 +1 @@
+class CssSnippets::Engine < ::Rails::Engine; end

data/lib/css-snippets/renderer.rb

@@ -0,0 +1,32 @@
+require 'active_support/core_ext/string/inflections'
+
+module CssSnippets::Renderer
+
+  SNIPPETS = %w(
+    justified_items
+    right_menu_liquid_layout
+  ).freeze
+
+  autoload :Base, "css-snippets/renderer/base"
+
+  SNIPPETS.each do |snippet_name|
+    autoload :"#{snippet_name.camelize}", "css-snippets/renderer/#{snippet_name}"
+  end
+
+  def self.render_html helper, snippet_name, options, &block
+    snippet_instance(snippet_name, helper).to_html options, &block
+  end
+
+  private
+
+    def self.snippet_instance name, helper
+      snippet_klass(name).new(helper)
+    end
+
+    def self.snippet_klass name
+      stringified_name = name.to_s
+      raise "Unknown snippet #{stringified_name}" if not SNIPPETS.include?(stringified_name)
+      "CssSnippets::Renderer::#{stringified_name.camelize}".constantize
+    end
+
+end

data/lib/css-snippets/renderer/base.rb

@@ -0,0 +1,30 @@
+class CssSnippets::Renderer::Base < Struct.new(:helper)
+
+  attr_accessor :options
+
+  def to_html options = {}, &block
+    helper.capture { instance_exec(self, &block) }
+    render.html_safe
+  end
+
+  private
+
+    def render; end
+
+    def method_missing method, *args, &block
+      helper.send method, *args, &block
+    end
+
+    def element content_or_element_options = nil, element_options = {}, &block
+      if block_given?
+        [ helper.capture(&block), ensure_options(content_or_element_options) ]
+      else
+        [ content_or_element_options, ensure_options(element_options) ]
+      end
+    end
+
+    def ensure_options value
+      value.is_a?(Hash) ? value : {}
+    end
+
+end

data/lib/css-snippets/renderer/justified_items.rb

@@ -0,0 +1,34 @@
+module CssSnippets::Renderer
+
+  class JustifiedItems < Base
+
+    ITEM_DOM_CLASS      = 'b-justified-item'
+    CONTAINER_DOM_CLASS = 'b-justified-container'
+    WRAPPER_DOM_CLASS   = 'l-default-justified-items'
+
+    def item content_or_options = nil, options = {}, &block
+      @items ||= []
+      @items << render_item(*element(content_or_options, options, &block))
+      return_nothing
+    end
+
+    private
+
+      def render_item content, dirty_options
+        helper.content_tag :li, content, dirty_options.merge(:class => ITEM_DOM_CLASS)
+      end
+
+      def render
+        helper.content_tag :div, render_list, :class => WRAPPER_DOM_CLASS
+      end
+
+      def render_list
+        helper.content_tag :ul, @items.join("\n").html_safe, :class => CONTAINER_DOM_CLASS
+      end
+
+      def return_nothing
+        ''
+      end
+
+  end
+end

data/lib/css-snippets/renderer/right_menu_liquid_layout.rb

@@ -0,0 +1,33 @@
+module CssSnippets::Renderer
+
+  class RightMenuLiquidLayout < Base
+
+    WRAPPER_DOM_CLASS = 'l-default-right-menu-liquid-layout'
+
+    def left_column content_or_options = nil, options = {}, &block
+      @left_column_content, _  = element(content_or_options, options, &block)
+    end
+
+    def right_column content_or_options = nil, options = {}, &block
+      @right_column_content, _ = element(content_or_options, options, &block)
+    end
+
+    private
+
+      def render
+        <<-HTML
+          <div class="#{WRAPPER_DOM_CLASS}">
+            <div class="l-right-column">
+              <div class="l-left-column-wrap">
+                <div class="l-left-column">
+                  <div class="b-left-column">#{@left_column_content}</div>
+                </div>
+                <div class="b-right-column">#{@right_column_content}</div>
+              </div>
+            </div>
+          </div>
+        HTML
+      end
+  end
+
+end

data/lib/css-snippets/version.rb

@@ -0,0 +1,3 @@
+module CssSnippets
+  VERSION = "0.0.1"
+end

data/stylesheets/_css-snippets.scss

@@ -0,0 +1,5 @@
+@import 'compass';
+@import 'css-snippets/variables';
+@import 'css-snippets/mixins';
+@import 'css-snippets/justified_items';
+@import 'css-snippets/right_menu_liquid_layout';

data/stylesheets/css-snippets/_justified_items.scss

@@ -0,0 +1,45 @@
+@mixin justify-items($font-size: $justified-container-item-font-size) {
+  .b-justified-container {
+    @include justify-items-container;
+
+    .b-justified-item {
+      @include justify-container-item($font-size);
+    }
+  }
+}
+
+@mixin justify-items-container {
+  line-height: 0;
+  font-size: 1px; // for Opera
+
+  text-align: justify;
+
+  // IE6-7
+   text-justify: newspaper;
+  zoom: 1;
+  text-align-last: justify;
+
+  &:after {
+    width: 100%;
+    height: 0px;
+    visibility: hidden;
+    overflow: hidden;
+    content: '';
+    @include inline-block;
+  }
+}
+
+@mixin justify-container-item($font-size: $justified-container-item-font-size) {
+  text-align: left;
+
+  line-height: normal;
+  font-size: $font-size;
+
+  // Opera
+   vertical-align: top;
+  @include inline-block;
+}
+
+.l-default-justified-items {
+  @include justify-items;
+}

data/stylesheets/css-snippets/_right_menu_liquid_layout.scss

@@ -0,0 +1,42 @@
+@mixin right-menu-liquid-layout {
+  .l-right-column {
+    clear: both;
+    float: left;
+    overflow: hidden;
+    position: relative;
+    width: 100%;
+
+    .l-left-column-wrap {
+      float: left;
+      margin-left: -$right-menu-liquid-layout-right-column-width;
+      position: relative;
+      right: 100%;
+      width: 200%;
+      background: $right-menu-liquid-layout-left-column-background;
+
+      .l-left-column {
+        float: left;
+        left: 50%;
+        position: relative;
+        width: 50%;
+
+        .b-left-column {
+          margin: 0 0 0 $right-menu-liquid-layout-right-column-width;
+          overflow: hidden;
+        }
+      }
+
+      .b-right-column {
+        float: right;
+        left: $right-menu-liquid-layout-right-column-width;
+        position: relative;
+        width: $right-menu-liquid-layout-right-column-width - $right-menu-liquid-layout-space-between-columns;
+        background: $right-menu-liquid-layout-right-column-background;
+      }
+    }
+  }
+}
+
+.l-default-right-menu-liquid-layout {
+  @include right-menu-liquid-layout;
+}

data/stylesheets/css-snippets/_variables.scss

@@ -0,0 +1,6 @@
+$justified-container-item-font-size: 12px !default;
+
+$right-menu-liquid-layout-right-column-width: 200px !default;
+$right-menu-liquid-layout-right-column-background: none !default;
+$right-menu-liquid-layout-left-column-background: none !default;
+$right-menu-liquid-layout-space-between-columns: 50px !default;

metadata

@@ -0,0 +1,102 @@
+--- !ruby/object:Gem::Specification 
+name: css-snippets
+version: !ruby/object:Gem::Version 
+  prerelease: false
+  segments: 
+  - 0
+  - 0
+  - 1
+  version: 0.0.1
+platform: ruby
+authors: 
+- Ivan Garmatenko
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2012-02-24 00:00:00 +04:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: compass
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 0
+        version: "0"
+  type: :runtime
+  version_requirements: *id001
+- !ruby/object:Gem::Dependency 
+  name: activesupport
+  prerelease: false
+  requirement: &id002 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ~>
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 3
+        - 1
+        version: "3.1"
+  type: :runtime
+  version_requirements: *id002
+description: Gem contains stylesheets and rails helpers which provides simple way to add useful css snippets to your site
+email: 
+- cheef.che@gmail.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- lib/css-snippets.rb
+- lib/css-snippets/version.rb
+- lib/css-snippets/renderer.rb
+- lib/css-snippets/renderer/justified_items.rb
+- lib/css-snippets/renderer/base.rb
+- lib/css-snippets/renderer/right_menu_liquid_layout.rb
+- lib/css-snippets/engine.rb
+- stylesheets/css-snippets/_justified_items.scss
+- stylesheets/css-snippets/_mixins.scss
+- stylesheets/css-snippets/_variables.scss
+- stylesheets/css-snippets/_right_menu_liquid_layout.scss
+- stylesheets/_css-snippets.scss
+has_rdoc: true
+homepage: http://css-snippets.heroku.com
+licenses: []
+
+post_install_message: 
+rdoc_options: []
+
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 0
+      version: "0"
+requirements: []
+
+rubyforge_project: css-snippets
+rubygems_version: 1.3.7
+signing_key: 
+specification_version: 3
+summary: Provides a useful css snippets and layouts
+test_files: []
+