markdown-ui 0.1.12 → 0.1.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 2e8c98607d45d75da7ea4a17ede2d1a154680c1b
-  data.tar.gz: 93df15e43b1bff1140689acb832cc9d7e68f376e
+  metadata.gz: 71893d6f07f5a843a80c23eee2539cea2de1c747
+  data.tar.gz: 69383edc337b7ec44bdf28b572eeb3dc32de4b54
 SHA512:
-  metadata.gz: 6399c625a4bbff33f15bb9402cb9839193761f87cefb98a25528f8a4d825bd9fef0e7dc1714a32bee5e32b9df52391f6004164c363267d4e3076ec115ba20da0
-  data.tar.gz: b295997adb8731b9811707fbf075305b34f9c3b3edb5f017b51cbf5e69daf609f896bee71099456c6955f88aa18f67565cda0be889ac7af5d1f14c3bc45a6909
+  metadata.gz: 718c574f418e2d77920897de26a9fd26c03da470bd89e2ef6b2dac2fbaf34f7b1e6db68077fde0f072caf8a48395334c5fce8fca34ef9e13aecd4810e4eb0c0f
+  data.tar.gz: 4b23b1ac59c886dbd812a9e58e69f0c526570ee2e83fb789d2db447c826060f05bcd17bf30701f66177f5474d738bef648f2c7b501f4647c0e9319600187e948

data/Changelog

@@ -1,3 +1,13 @@
+0.1.13 - 08-27-15
+  * Added Divider block content
+  * Added Field block content
+  * Added Form block content
+  * Added Input block content
+  * Added Markdown-UI-Input
+  * Added Input Tag
+  * Added Label Tag
+  * Added Divider Tests and Documentations
+
 0.1.12 - 08-25-15
   * Removed Nokogiri post-processing using CLI markdown-ui
   * Fixed Container Examples to occupy and display full container in view

data/Gemfile

@@ -8,6 +8,7 @@ group :elements do
   gem 'markdown-ui-header',    :path => 'components/elements/markdown-ui-header/'
   gem 'markdown-ui-label',     :path => 'components/elements/markdown-ui-label/'
   gem 'markdown-ui-segment',   :path => 'components/elements/markdown-ui-segment/'
+  gem 'markdown-ui-input',     :path => 'components/elements/markdown-ui-input/'
 end
 
 group :collections do

data/TODO.md

@@ -58,11 +58,10 @@
   √ Container Segment
 
 #Divider
-
 * Types
-  Divider
-  Vertical Divider
-  Horizontal Divider
+  √ Divider
+  √ Vertical Divider
+  + Horizontal Divider
 
 * Variations
   Inverted

data/components/elements/markdown-ui-content/lib/content/divider_block.rb

@@ -0,0 +1,19 @@
+# coding: UTF-8
+
+module MarkdownUI
+  module Content
+    class DividerBlock
+      def initialize(element, content)
+        @element = element
+        @content = content
+      end
+
+      def render
+        klass = "ui #{@element} divider"
+        content = @content.strip
+
+        MarkdownUI::StandardTag.new(content, klass).render
+      end
+    end
+  end
+end

data/components/elements/markdown-ui-content/lib/content/field_block.rb

@@ -0,0 +1,19 @@
+# coding: UTF-8
+
+module MarkdownUI
+  module Content
+    class FieldBlock
+      def initialize(element, content)
+        @element = element
+        @content = content
+      end
+
+      def render
+        klass = "ui #{@element} field"
+        content = @content.strip
+
+        MarkdownUI::StandardTag.new(content, klass).render
+      end
+    end
+  end
+end

data/components/elements/markdown-ui-content/lib/content/form_block.rb

@@ -0,0 +1,19 @@
+# coding: UTF-8
+
+module MarkdownUI
+  module Content
+    class FormBlock
+      def initialize(element, content)
+        @element = element
+        @content = content
+      end
+
+      def render
+        klass = "ui #{@element} form"
+        content = @content.strip
+
+        MarkdownUI::StandardTag.new(content, klass).render
+      end
+    end
+  end
+end

data/components/elements/markdown-ui-content/lib/content/input_block.rb

@@ -0,0 +1,19 @@
+# coding: UTF-8
+
+module MarkdownUI
+  module Content
+    class InputBlock
+      def initialize(element, content)
+        @element = element
+        @content = content
+      end
+
+      def render
+        klass = "ui #{@element} input"
+        content = @content.strip
+
+        MarkdownUI::StandardTag.new(content, klass).render
+      end
+    end
+  end
+end

data/components/elements/markdown-ui-input/Gemfile

@@ -0,0 +1,2 @@
+source "https://rubygems.org"
+gemspec

data/components/elements/markdown-ui-input/lib/input/custom.rb

@@ -0,0 +1,22 @@
+# coding: UTF-8
+
+module MarkdownUI::Input
+  class Custom
+    def initialize(element, content, klass = nil, _id = nil)
+      @element = element
+      @klass = klass
+      @content = content
+      @id = _id
+    end
+
+    def render
+      element = @element.join(' ').strip
+      # content = MarkdownUI::Content::Parser.new(@content).parse
+      klass = "ui #{element} #{@klass} input"
+      _id = @id
+
+      MarkdownUI::InputTag.new(@content, klass, _id).render
+    end
+  end
+end
+

data/components/elements/markdown-ui-input/lib/input/element.rb

@@ -0,0 +1,30 @@
+module MarkdownUI::Input
+  class Element
+    def initialize(element, content, klass = nil, _id = nil)
+      @element = element
+      @content = content
+      @klass = klass
+      @id = _id
+    end
+
+    def render
+      element = if @element.is_a? Array
+        @element
+      else
+        @element.split(' ')
+      end
+
+      content = @content
+
+      klass = if @klass.nil?
+        element.join(' ').strip
+      else
+        @klass
+      end
+
+      _id = @id
+
+      MarkdownUI::Input::Custom.new(element, content, klass, _id).render
+    end
+  end
+end

data/components/elements/markdown-ui-input/lib/input/version.rb

@@ -0,0 +1,5 @@
+module MarkdownUI
+  module Input
+    VERSION = '0.1'
+  end
+end

data/components/elements/markdown-ui-input/lib/markdown-ui-input.rb

@@ -0,0 +1,3 @@
+['input/**/*.rb'].each do |dir|
+  Dir[File.join(File.dirname(__FILE__), dir)].sort.each { |f| require_relative f }
+end

data/components/elements/markdown-ui-input/markdown-ui-input.gemspec

@@ -0,0 +1,37 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'input/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "markdown-ui-input"
+  spec.version       = MarkdownUI::Input::VERSION
+  spec.authors       = ["Joel Bryan Juliano"]
+  spec.email         = ["joelbryan.juliano@gmail.com"]
+
+  spec.summary       = %q{Responsive User Interfaces in Markdown}
+  spec.description   = %q{Create responsive UI/UX for mobile and web using Markdown Syntax}
+  spec.homepage      = "https://github.com/jjuliano/markdown-ui"
+  spec.license       = "MIT"
+
+  # Prevent pushing this gem to RubyGems.org by setting 'allowed_push_host', or
+  # delete this section to allow pushing this gem to any host.
+  if spec.respond_to?(:metadata)
+    spec.metadata['allowed_push_host'] = "https://rubygems.org"
+  else
+    raise "RubyGems 2.0 or newer is required to protect against public gem pushes."
+  end
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency 'bundler', '~> 1.10', '~> 1.9'
+  spec.add_dependency "redcarpet", "~> 3.2"
+  spec.add_dependency "nokogiri", "~> 1.6"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "test-unit", "~> 3.0"
+  spec.add_development_dependency "simplecov", "~> 0.10"
+  spec.add_development_dependency "codeclimate-test-reporter", "~> 0.4"
+end

data/lib/markdown-ui.rb

@@ -54,6 +54,8 @@ module MarkdownUI
         case element.join(' ')
           when /button/i
             MarkdownUI::Button::Element.new(element, content, klass, _id).render
+          when /input/i
+            MarkdownUI::Input::Element.new(element, content, klass, _id).render
           when /menu/i
             MarkdownUI::Menu::Element.new(element, content, klass).render
           when /message/i
@@ -91,6 +93,14 @@ module MarkdownUI
             MarkdownUI::Label::Element.new(element, content).render
           when /item/i
             MarkdownUI::Content::ItemBlock.new(element, content).render
+          when /form/i
+            MarkdownUI::Content::FormBlock.new(element, content).render
+          when /field/i
+            MarkdownUI::Content::FieldBlock.new(element, content).render
+          when /input/i
+            MarkdownUI::Content::InputBlock.new(element, content).render
+          when /divider/i
+            MarkdownUI::Content::DividerBlock.new(element, content).render
         end
       end
     end

data/lib/markdown-ui/tag/input_tag.rb

@@ -0,0 +1,34 @@
+module MarkdownUI
+  class InputTag
+    def initialize(content, klass = nil, _id = nil, data = nil)
+      @klass = klass
+      @content = content
+      @data = data
+      @id = _id
+    end
+
+    def render
+      content = if @content
+        " type=\"#{@content.strip.downcase}\""
+      else
+        nil
+      end
+
+      klass = MarkdownUI::KlassUtil.new(@klass).klass unless @klass.nil?
+
+      _id = if @id
+        " placeholder=\"#{@id.capitalize}\""
+      end
+
+      data = if @data
+        _data, attribute, value = @data.split(':')
+        " data-#{attribute}=\"#{value}\""
+      else
+        nil
+      end
+
+
+      "<input#{content}#{_id}#{klass}#{data} />"
+    end
+  end
+end

data/lib/markdown-ui/tag/label_tag.rb

@@ -0,0 +1,27 @@
+module MarkdownUI
+  class LabelTag
+    def initialize(content, klass = nil, _id = nil, data = nil)
+      @klass = klass
+      @content = content
+      @data = data
+      @id = _id
+    end
+
+    def render
+      content = @content.strip unless @content.nil?
+      klass = MarkdownUI::KlassUtil.new(@klass).klass unless @klass.nil?
+      _id = if @id
+        " id=\"#{@id.split.join('-')}\""
+      end
+
+      data = if @data
+        _data, attribute, value = @data.split(':')
+        " data-#{attribute}=\"#{value}\""
+      else
+        nil
+      end
+
+      "<label#{_id}#{klass}#{data}>#{content}</label>"
+    end
+  end
+end

data/lib/markdown-ui/tag/tag.rb

@@ -3,6 +3,7 @@ module MarkdownUI
     def initialize(tag, content, klass = nil, data = nil)
       @mode = OpenStruct.new(
         :div?      => !(tag =~ /div/i).nil?,
+        :label?    => !(tag =~ /label/i).nil?,
         :span?     => !(tag =~ /span/i).nil?,
         :article?  => !(tag =~ /article/i).nil?,
         :section?  => !(tag =~ /section/i).nil?,
@@ -16,21 +17,11 @@ module MarkdownUI
     end
 
     def render
-      # if @mode.div?
+      if @mode.div?
         MarkdownUI::StandardTag.new(@content, @klass, nil, @data).render
-      # elsif @mode.span
-      #   MarkdownUI::SpanTag.new(@content, @klass).render
-      # elsif @mode.article
-      #   MarkdownUI::ArticleTag.new(@content, @klass).render
-      # elsif @mode.section
-      #   MarkdownUI::SectionTag.new(@content, @klass).render
-      # elsif @mode.header
-      #   MarkdownUI::HeaderTag.new(@content, @klass).render
-      # elsif @mode.footer
-      #   MarkdownUI::FooterTag.new(@content, @klass).render
-      # else
-      #   MarkdownUI::CustomTag.new(@tag, @content, @klass).render
-      # end
+      elsif @mode.label?
+        MarkdownUI::LabelTag.new(@content, @klass, nil, @data).render
+      end
     end
 
   end

data/lib/markdown-ui/version.rb

@@ -1,3 +1,3 @@
 module MarkdownUI
-  VERSION = '0.1.12'
+  VERSION = '0.1.13'
 end

data/website/docs/divider.html

@@ -0,0 +1,223 @@
+<!doctype html>
+
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
+
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.8/semantic.min.css">
+  <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.8/semantic.min.js"></script>
+
+  <!--[if lt IE 9]>
+  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+  <![endif]-->
+</head>
+
+<body>
+<div class="ui container">
+  <div class="ui inverted segment">
+    <div class="ui inverted menu">
+      <a class="ui basic item" href="http://jjuliano.github.io/markdown-ui">Markdown UI</a>
+      <div class="ui inverted right menu">
+        <a class="ui item" href="toc.html">Table of Contents</a>
+        <a class="ui item" href="../about.html">About</a>
+        <a class="ui item" href="https://github.com/jjuliano/markdown-ui">Github</a>
+        <a class="ui item" href="../index.html#install">Install</a>
+      </div>
+    </div>
+  </div>
+<!-- -->
+  <div class="ui basic segment">
+    <h1 id="button" class="ui center aligned header">Divider</h1>
+  </div>
+<!-- -->
+  <div class="ui basic segment">
+    <h2 id="types" class="ui dividing left aligned header">Types</h2>
+  </div>
+<!-- -->
+  <div class="ui basic segment">
+    <h4 id="standard-divider" class="ui header">Standard Divider</h4>
+    <p>Standard Divider</p>
+  </div>
+<!-- -->
+  <div class="ui divided segment grid">
+    <div class="ui attached segment">
+      <div class="ui top attached label">Standard Divider</div>
+    </div>
+<!-- -->
+    <div class="ui center aligned six wide column">
+      <h5 class="ui center aligned header">Preview</h5>
+      <div class="ui divider"></div>
+    </div>
+<!-- -->
+    <div class="ui ten wide column">
+      <h5 class="ui header">Markdown Syntax</h5>
+      <div class="ui inverted very padded segment">
+        <code>____</code>
+      </div>
+    </div>
+  </div>
+<!-- -->
+  <div class="ui basic segment">
+    <h4 id="vertical-divider" class="ui header">Vertical Divider</h4>
+    <p>A divider can segment content vertically</p>
+  </div>
+<!-- -->
+  <div class="ui divided segment grid">
+    <div class="ui attached segment">
+      <div class="ui top attached label">Vertical Divider</div>
+    </div>
+<!-- -->
+    <div class="ui left aligned ten wide column">
+      <h5 class="ui center aligned header">Preview</h5>
+      <div class="ui two column middle aligned very relaxed stackable grid">
+        <div class="ui column">
+          <div class="ui form">
+            <div class="ui field">
+              <label>Username</label>
+              <div class="ui left icon input">
+                <input type="text" placeholder="Username" class="ui input" />
+                <i class="user icon"></i>
+              </div>
+            </div>
+<!-- -->
+            <div class="ui field">
+              <label>Password</label>
+              <div class="ui left icon input">
+                <input type="password" placeholder="Password" class="ui input" />
+                <i class="lock icon"></i>
+              </div>
+            </div>
+<!-- -->
+            <button class="ui blue submit button">Login</button>
+          </div>
+        </div>
+<!-- -->
+        <div class="ui vertical divider">Or</div>
+<!-- -->
+        <div class="ui center aligned column">
+          <button class="ui big green labeled icon button"><i class="signup icon"></i>Sign Up</button>
+        </div>
+      </div>
+    </div>
+<!-- -->
+    <div class="ui sixteen wide column">
+      <h5 class="ui header">Markdown Syntax</h5>
+      <div class="ui inverted very padded segment">
+        <code>&gt; Two Column Middle Aligned Very Relaxed Stackable Grid:</code>
+        <br />
+        <code>&gt; &gt; Column:</code>
+        <br />
+        <code>&gt; &gt; &gt; Form:</code>
+        <br />
+        <code>&gt; &gt; &gt; &gt; Field:</code>
+        <br />
+        <code>&gt; &gt; &gt; &gt; __Label Tag|Username__</code>
+        <br />
+        <code>&gt; &gt; &gt; &gt; &gt; Left Icon Input:</code>
+        <br />
+        <code>&gt; &gt; &gt; &gt; &gt; __Input|Text|Username__</code>
+        <br />
+        <code>&gt; &gt; &gt; &gt; &gt; _User Icon_</code>
+        <br />
+        <code>&gt; &gt; &gt;</code>
+        <br />
+        <code>&gt; &gt; &gt; &lt;!-- --&gt;</code>
+        <br />
+        <code>&gt; &gt; &gt; &gt; Field:</code>
+        <br />
+        <code>&gt; &gt; &gt; &gt; __Label Tag|Password__</code>
+        <br />
+        <code>&gt; &gt; &gt; &gt; &gt; Left Icon Input:</code>
+        <br />
+        <code>&gt; &gt; &gt; &gt; &gt; __Input|Password|Password__</code>
+        <br />
+        <code>&gt; &gt; &gt; &gt; &gt; _Lock Icon_</code>
+        <br />
+        <code>&gt; &gt; &gt;</code>
+        <br />
+        <code>&gt; &gt; &gt; &lt;!-- --&gt;</code>
+        <br />
+        <code>&gt; &gt; &gt; __Blue Submit Button|Login__</code>
+        <br />
+        <code>&gt;</code>
+        <br />
+        <code>&gt; &lt;!-- --&gt;</code>
+        <br />
+        <code>&gt; &gt; Vertical Divider:</code>
+        <br />
+        <code>&gt; &gt; Or</code>
+        <br />
+        <code>&gt;</code>
+        <br />
+        <code>&gt; &lt;!-- --&gt;</code>
+        <br />
+        <code>&gt; &gt; Center Aligned Column:</code>
+        <br />
+        <code>&gt; &gt; __Big Green Labeled Icon Button|Icon:Signup, Sign Up__</code>
+        <br />
+      </div>
+    </div>
+  </div>
+<!-- -->
+  <div class="ui basic segment">
+    <h4 id="horizontal-divider" class="ui header">Horizontal Divider</h4>
+    <p>A divider can segment content horizontally</p>
+  </div>
+<!-- -->
+  <div class="ui divided segment grid">
+    <div class="ui attached segment">
+      <div class="ui top attached label">Horizontal Divider</div>
+    </div>
+<!-- -->
+    <div class="ui center aligned six wide column">
+      <h5 class="ui center aligned header">Preview</h5>
+      <div class="ui center aligned basic segment">
+        <div class="ui left icon action input">
+          <i class="search icon"></i>
+          <input type="text" placeholder="Order #" class="ui input" />
+          <button class="ui blue submit button">Search</button>
+        </div>
+<!-- -->
+        <div class="ui horizontal divider">Or</div>
+<!-- -->
+        <button class="ui teal labeled icon button">Create New Order<i class="add icon"></i></button>
+      </div>
+    </div>
+<!-- -->
+    <div class="ui ten wide column">
+      <h5 class="ui header">Markdown Syntax</h5>
+      <div class="ui inverted very padded segment">
+        <code>&gt; Center Aligned Basic Segment:</code>
+        <br />
+        <code>&gt; &gt; Left Icon Action Input:</code>
+        <br />
+        <code>&gt; &gt; _Search Icon_</code>
+        <br />
+        <code>&gt; &gt; __Input|Text|Order #__</code>
+        <br />
+        <code>&gt; &gt; __Blue Submit Button|Search__</code>
+        <br />
+        <code>&gt;</code>
+        <br />
+        <code>&gt; &lt;!-- --&gt;</code>
+        <br />
+        <code>&gt; &gt; Horizontal Divider:</code>
+        <br />
+        <code>&gt; &gt; Or</code>
+        <br />
+        <code>&gt;</code>
+        <br />
+        <code>&gt; &lt;!-- --&gt;</code>
+        <br />
+        <code>&gt; __Teal Labeled Icon Button|Create New Order, Icon: Add Icon__</code>
+        <br />
+      </div>
+    </div>
+  </div>
+</div>
+
+</body>
+</html>

data/website/docs/divider.md

@@ -0,0 +1,157 @@
+> Container:
+> > Inverted Segment:
+> > > Inverted Menu:
+> > > [Markdown UI](http：//jjuliano.github.io/markdown-ui "basic")
+> > > > Inverted Right Menu:
+> > > > [Table of Contents](toc.html)
+> > > > [About](../about.html)
+> > > > [Github](https：//github.com/jjuliano/markdown-ui)
+> > > > [Install](../index.html#install)
+>
+> <!-- -->
+> > Basic Segment:
+> > # Divider:Center Aligned:button
+>
+> <!-- -->
+> > Basic Segment:
+> > ## Types:Dividing Left Aligned:types
+>
+> <!-- -->
+> > Basic Segment:
+> > #### Standard Divider::standard-divider
+> > "Standard Divider"
+>
+> <!-- -->
+> > Divided Segment Grid:
+> > > Attached Segment:
+> > > > Top Attached Label:
+> > > > Standard Divider
+> >
+> > <!-- -->
+> > > Center Aligned Six Wide Column:
+> > > ##### Preview:Center Aligned
+> > > ____
+> >
+> > <!-- -->
+> > > Ten Wide Column:
+> > > ##### Markdown Syntax
+> > > > Inverted Very Padded Segment:
+> > > > ``` ____ ```
+>
+> <!-- -->
+> > Basic Segment:
+> > #### Vertical Divider::vertical-divider
+> > "A divider can segment content vertically"
+>
+> <!-- -->
+> > Divided Segment Grid:
+> > > Attached Segment:
+> > > > Top Attached Label:
+> > > > Vertical Divider
+> >
+> > <!-- -->
+> > > Left Aligned Ten Wide Column:
+> > > ##### Preview:Center Aligned
+> > > > Two Column Middle Aligned Very Relaxed Stackable Grid:
+> > > > > Column:
+> > > > > > Form:
+> > > > > > > Field:
+> > > > > > > __Label Tag|Username__
+> > > > > > > > Left Icon Input:
+> > > > > > > > __Input|Text|Username__
+> > > > > > > > _User Icon_
+> > > > > >
+> > > > > > <!-- -->
+> > > > > > > Field:
+> > > > > > > __Label Tag|Password__
+> > > > > > > > Left Icon Input:
+> > > > > > > > __Input|Password|Password__
+> > > > > > > > _Lock Icon_
+> > > > > >
+> > > > > > <!-- -->
+> > > > > > __Blue Submit Button|Login__
+> > > >
+> > > > <!-- -->
+> > > > > Vertical Divider:
+> > > > > Or
+> > > >
+> > > > <!-- -->
+> > > > > Center Aligned Column:
+> > > > > __Big Green Labeled Icon Button|Icon:Signup, Sign Up__
+> >
+> > <!-- -->
+> > > Sixteen Wide Column:
+> > > ##### Markdown Syntax
+> > > > Inverted Very Padded Segment:
+> > > > ```> Two Column Middle Aligned Very Relaxed Stackable Grid： ``` <br />
+> > > > ```> > Column： ``` <br />
+> > > > ```> > > Form： ``` <br />
+> > > > ```> > > > Field： ``` <br />
+> > > > ```> > > > __Label Tag|Username__ ``` <br />
+> > > > ```> > > > > Left Icon Input： ``` <br />
+> > > > ```> > > > > __Input|Text|Username__ ``` <br />
+> > > > ```> > > > > _User Icon_ ``` <br />
+> > > > ```> > > ``` <br />
+> > > > ```> > > <!-- --> ``` <br />
+> > > > ```> > > > Field： ``` <br />
+> > > > ```> > > > __Label Tag|Password__ ``` <br />
+> > > > ```> > > > > Left Icon Input： ``` <br />
+> > > > ```> > > > > __Input|Password|Password__ ``` <br />
+> > > > ```> > > > > _Lock Icon_ ``` <br />
+> > > > ```> > > ``` <br />
+> > > > ```> > > <!-- --> ``` <br />
+> > > > ```> > > __Blue Submit Button|Login__ ``` <br />
+> > > > ```> ``` <br />
+> > > > ```> <!-- --> ``` <br />
+> > > > ```> > Vertical Divider： ``` <br />
+> > > > ```> > Or ``` <br />
+> > > > ```> ``` <br />
+> > > > ```> <!-- --> ``` <br />
+> > > > ```> > Center Aligned Column： ``` <br />
+> > > > ```> > __Big Green Labeled Icon Button|Icon：Signup, Sign Up__ ``` <br />
+>
+> <!-- -->
+> > Basic Segment:
+> > #### Horizontal Divider::horizontal-divider
+> > "A divider can segment content horizontally"
+>
+> <!-- -->
+> > Divided Segment Grid:
+> > > Attached Segment:
+> > > > Top Attached Label:
+> > > > Horizontal Divider
+> >
+> > <!-- -->
+> > > Center Aligned Six Wide Column:
+> > > ##### Preview:Center Aligned
+
+> > > > Center Aligned Basic Segment:
+> > > > > Left Icon Action Input:
+> > > > > _Search Icon_
+> > > > > __Input|Text|Order #__
+> > > > > __Blue Submit Button|Search__
+> > > >
+> > > > <!-- -->
+> > > > > Horizontal Divider:
+> > > > > Or
+> > > >
+> > > > <!-- -->
+> > > > __Teal Labeled Icon Button|Create New Order, Icon: Add Icon__
+
+> >
+> > <!-- -->
+> > > Ten Wide Column:
+> > > ##### Markdown Syntax
+> > > > Inverted Very Padded Segment:
+> > > > ``` > Center Aligned Basic Segment： ``` <br />
+> > > > ``` > > Left Icon Action Input： ``` <br />
+> > > > ``` > > _Search Icon_ ``` <br />
+> > > > ``` > > __Input|Text|Order #__ ``` <br />
+> > > > ``` > > __Blue Submit Button|Search__ ``` <br />
+> > > > ``` > ``` <br />
+> > > > ``` > <!-- --> ``` <br />
+> > > > ``` > > Horizontal Divider： ``` <br />
+> > > > ``` > > Or ``` <br />
+> > > > ``` > ``` <br />
+> > > > ``` > <!-- --> ``` <br />
+> > > > ``` > __Teal Labeled Icon Button|Create New Order, Icon： Add Icon__ ``` <br />

data/website/docs/toc.html

@@ -123,6 +123,17 @@
 ,
 <a class="ui item" href="container.html#container-segment">Container Segment</a></div>
     </div>
+<!-- -->
+    <h2 class="ui header">
+      <a class="ui item" href="divider.html#divider">Divider</a>
+    </h2>
+    <div class="ui two column doubling grid container">
+      <div class="ui column"><h3 class="ui header"><a class="ui item" href="divider.html#types">Types</a></h3><a class="ui item" href="divider.html#standard-divider">Standard Divider</a>
+,
+<a class="ui item" href="divider.html#vertical-divider">Vertical Divider</a>
+
+<a class="ui item" href="divider.html#horizontal-divider">Horizontal Divider</a></div>
+    </div>
   </div>
 </div>
 

data/website/docs/toc.md

@@ -89,3 +89,12 @@
 > > > > [Centered Menu](container.html#centered-menu),
 > > > > [Container Segment](container.html#container-segment)
 
+> >
+> > <!-- -->
+> > ## [Divider](divider.html#divider)
+> > > Two Column Doubling Grid Container:
+> > > > Column:
+> > > > ### [Types](divider.html#types)
+> > > > [Standard Divider](divider.html#standard-divider),
+> > > > [Vertical Divider](divider.html#vertical-divider)
+> > > > [Horizontal Divider](divider.html#horizontal-divider)

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: markdown-ui
 version: !ruby/object:Gem::Version
-  version: 0.1.12
+  version: 0.1.13
 platform: ruby
 authors:
 - Joel Bryan Juliano
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-08-25 00:00:00.000000000 Z
+date: 2015-08-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -197,8 +197,12 @@ files:
 - components/elements/markdown-ui-container/markdown-ui-container.gemspec
 - components/elements/markdown-ui-content/Gemfile
 - components/elements/markdown-ui-content/lib/content/custom.rb
+- components/elements/markdown-ui-content/lib/content/divider_block.rb
+- components/elements/markdown-ui-content/lib/content/field_block.rb
+- components/elements/markdown-ui-content/lib/content/form_block.rb
 - components/elements/markdown-ui-content/lib/content/header.rb
 - components/elements/markdown-ui-content/lib/content/icon.rb
+- components/elements/markdown-ui-content/lib/content/input_block.rb
 - components/elements/markdown-ui-content/lib/content/item.rb
 - components/elements/markdown-ui-content/lib/content/item_block.rb
 - components/elements/markdown-ui-content/lib/content/list.rb
@@ -212,6 +216,12 @@ files:
 - components/elements/markdown-ui-header/lib/header/version.rb
 - components/elements/markdown-ui-header/lib/markdown-ui-header.rb
 - components/elements/markdown-ui-header/markdown-ui-header.gemspec
+- components/elements/markdown-ui-input/Gemfile
+- components/elements/markdown-ui-input/lib/input/custom.rb
+- components/elements/markdown-ui-input/lib/input/element.rb
+- components/elements/markdown-ui-input/lib/input/version.rb
+- components/elements/markdown-ui-input/lib/markdown-ui-input.rb
+- components/elements/markdown-ui-input/markdown-ui-input.gemspec
 - components/elements/markdown-ui-label/Gemfile
 - components/elements/markdown-ui-label/lib/label/custom.rb
 - components/elements/markdown-ui-label/lib/label/element.rb
@@ -237,7 +247,9 @@ files:
 - lib/markdown-ui/tag/button_tag.rb
 - lib/markdown-ui/tag/custom_tag.rb
 - lib/markdown-ui/tag/focusable_button_tag.rb
+- lib/markdown-ui/tag/input_tag.rb
 - lib/markdown-ui/tag/item_tag.rb
+- lib/markdown-ui/tag/label_tag.rb
 - lib/markdown-ui/tag/list_tag.rb
 - lib/markdown-ui/tag/span_tag.rb
 - lib/markdown-ui/tag/standard_tag.rb
@@ -252,6 +264,8 @@ files:
 - website/docs/button.md
 - website/docs/container.html
 - website/docs/container.md
+- website/docs/divider.html
+- website/docs/divider.md
 - website/docs/toc.html
 - website/docs/toc.md
 - website/index.html