markdown-ui 0.1.1 → 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (18) hide show
  1. checksums.yaml +4 -4
  2. data/Changelog +5 -0
  3. data/exe/markdown-ui +4 -0
  4. data/lib/markdown-ui.rb +5 -5
  5. data/lib/markdown-ui/button/animated.rb +13 -5
  6. data/lib/markdown-ui/button/basic.rb +4 -2
  7. data/lib/markdown-ui/button/custom.rb +4 -2
  8. data/lib/markdown-ui/button/element.rb +11 -8
  9. data/lib/markdown-ui/button/focusable.rb +6 -1
  10. data/lib/markdown-ui/button/icon.rb +4 -2
  11. data/lib/markdown-ui/button/labeled_icon.rb +4 -2
  12. data/lib/markdown-ui/button/standard.rb +4 -2
  13. data/lib/markdown-ui/tag/standard_tag.rb +7 -3
  14. data/lib/markdown-ui/tag/tag.rb +1 -1
  15. data/lib/markdown-ui/version.rb +1 -1
  16. data/website/index.html +50 -44
  17. data/website/index.md +71 -73
  18. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 24bb4ac7c13ee4702a56e1e5e471d5bea4d7e09a
4
- data.tar.gz: cf611f469263e38d95ba9a1c4b5117eaf44c3fc9
3
+ metadata.gz: 2704f9f717720b75f2746d9bb5e47a29fffb5d98
4
+ data.tar.gz: 63e0675954889bfe03aa91fc1383917c9b0dbb8c
5
5
  SHA512:
6
- metadata.gz: 6c966c46a695dcf3ffb217bed4a6a1f7950c4289ce33e6966e44473c063c088d02b8b4dea2d291b61eef970dd7cf99a72bb5190005a13e057b59d7d174212e08
7
- data.tar.gz: 77bd8ceb35d24876134ea178809f00350a8154026aff7235c050a8077847a90004b672ca2532eec43da0409f3c0301d15eeac23dbf8ad8ee9a38774fda4d6823
6
+ metadata.gz: 3d55a708daf849242d1426eeb2ec4465c043d9fd8aabd7b2487144a6de432176b2971b7fd51e0f840e634729da4eabecf2ff8f898091d45de6437a884af14b65
7
+ data.tar.gz: 7322bf82312abaad49cbd430732229b7e9e114d9457804ec01ee5a215de6a5447149bf145a0700d45d4e61611331baca45725af824bddfc5d9ecd80457b3e579
data/Changelog CHANGED
@@ -1,3 +1,8 @@
1
+ 0.1.2 - 07-20-15
2
+ * Add ID support for Buttons
3
+ * Updated tests and docs with ID support
4
+ * Add more support to mobile
5
+
1
6
  0.1.1 - 07-15-15
2
7
  * Fix items not containing href path
3
8
  * Added more documentation for Buttons
data/exe/markdown-ui CHANGED
@@ -9,9 +9,13 @@ f = File.open(ARGV.first, 'r')
9
9
  puts <<-EOS
10
10
  <!doctype html>
11
11
 
12
+ <!doctype html>
13
+
12
14
  <html lang="en">
13
15
  <head>
14
16
  <meta charset="utf-8">
17
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
18
+ <meta name="viewport" content="width=device-width, initial-scale=1">
15
19
 
16
20
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.1/semantic.min.css">
17
21
  <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
data/lib/markdown-ui.rb CHANGED
@@ -29,28 +29,28 @@ module MarkdownUI
29
29
  args[1].split(",")
30
30
  else
31
31
  args[1].strip
32
- end
32
+ end if !args[1].nil?
33
33
 
34
34
  klass = if args[0].strip =~ /\./
35
35
  k = args[0].split(".")
36
36
  k.reverse!
37
37
  k.shift
38
- else
39
- !args[2].nil? ? args[2].downcase : nil
40
38
  end
41
39
 
40
+ _id = !args[2].nil? ? args[2].downcase : nil
41
+
42
42
  data_attributes = !args[3].nil? ? args[3].downcase : nil
43
43
 
44
44
  html do
45
45
  case element.join(" ")
46
46
  when /button/i
47
- MarkdownUI::Button::Element.new(element, content, klass).render
47
+ MarkdownUI::Button::Element.new(element, content, klass, _id).render
48
48
  when /menu/i
49
49
  MarkdownUI::Menu::Element.new(element, content, klass).render
50
50
  when /message/i
51
51
  MarkdownUI::Message.new(element, content, klass).render
52
52
  when /tag/i
53
- MarkdownUI::Tag.new(element[0].downcase, content, klass, data_attributes).render
53
+ MarkdownUI::Tag.new(element[0].downcase, content, _id, data_attributes).render
54
54
  when /header/i
55
55
  MarkdownUI::Header.new(content, 0).render
56
56
  end
data/lib/markdown-ui/button/animated.rb CHANGED
@@ -2,21 +2,29 @@
2
2
 
3
3
  module MarkdownUI::Button
4
4
  class Animated
5
- def initialize(content, klass = nil)
5
+ def initialize(content, klass = nil, _id = nil)
6
+ @content = content
6
7
  @klass = klass
7
- @visible_content, @hidden_content = content.split(";")
8
+ @id = _id
9
+ @visible_content, @hidden_content = content.is_a?(Array) ? content : content.split(";")
8
10
  end
9
11
 
10
12
  def render
11
13
  klass = "ui #{@klass} animated button"
14
+ _id = @id
12
15
  visible_content = MarkdownUI::Content::Parser.new(@visible_content).parse
13
16
  hidden_content = MarkdownUI::Content::Parser.new(@hidden_content).parse
14
17
 
15
18
  content = []
16
- content << MarkdownUI::StandardTag.new(visible_content, "visible content").render
17
- content << MarkdownUI::StandardTag.new(hidden_content, "hidden content").render
19
+ if @content.is_a? Array
20
+ content << visible_content
21
+ content << hidden_content
22
+ else
23
+ content << MarkdownUI::StandardTag.new(visible_content, "visible content").render
24
+ content << MarkdownUI::StandardTag.new(hidden_content, "hidden content").render
25
+ end
18
26
 
19
- MarkdownUI::StandardTag.new(content.join, klass).render
27
+ MarkdownUI::StandardTag.new(content.join, klass, _id).render
20
28
  end
21
29
  end
22
30
  end
data/lib/markdown-ui/button/basic.rb CHANGED
@@ -2,16 +2,18 @@
2
2
 
3
3
  module MarkdownUI::Button
4
4
  class Basic
5
- def initialize(content, klass = nil)
5
+ def initialize(content, klass = nil, _id = nil)
6
6
  @klass = klass
7
7
  @content = content
8
+ @id = _id
8
9
  end
9
10
 
10
11
  def render
11
12
  content = MarkdownUI::Content::Parser.new(@content).parse
12
13
  klass = "ui #{@klass} basic button"
14
+ _id = @id
13
15
 
14
- MarkdownUI::StandardTag.new(content, klass).render
16
+ MarkdownUI::StandardTag.new(content, klass, _id).render
15
17
  end
16
18
  end
17
19
  end
data/lib/markdown-ui/button/custom.rb CHANGED
@@ -2,18 +2,20 @@
2
2
 
3
3
  module MarkdownUI::Button
4
4
  class Custom
5
- def initialize(element, content, klass = nil)
5
+ def initialize(element, content, klass = nil, _id = nil)
6
6
  @element = element
7
7
  @klass = klass
8
8
  @content = content
9
+ @id = _id
9
10
  end
10
11
 
11
12
  def render
12
13
  element = @element.join(" ").strip
13
14
  content = MarkdownUI::Content::Parser.new(@content).parse
14
15
  klass = "ui #{element} #{@klass} button"
16
+ _id = @id
15
17
 
16
- MarkdownUI::StandardTag.new(content, klass).render
18
+ MarkdownUI::StandardTag.new(content, klass, _id).render
17
19
  end
18
20
  end
19
21
  end
data/lib/markdown-ui/button/element.rb CHANGED
@@ -1,9 +1,10 @@
1
1
  module MarkdownUI::Button
2
2
  class Element
3
- def initialize(element, content, klass = nil)
3
+ def initialize(element, content, klass = nil, _id = nil)
4
4
  @element = element
5
5
  @content = content
6
6
  @klass = klass
7
+ @id = _id
7
8
  end
8
9
 
9
10
  def render
@@ -21,6 +22,8 @@ module MarkdownUI::Button
21
22
  @klass
22
23
  end
23
24
 
25
+ _id = @id
26
+
24
27
  mode = OpenStruct.new(
25
28
  :icon? => element.grep(/icon/i).any?,
26
29
  :flag? => element.grep(/flag/i).any?,
@@ -32,20 +35,20 @@ module MarkdownUI::Button
32
35
  )
33
36
 
34
37
  if standard_button?(mode) && element.size > 1
35
- MarkdownUI::Button::Custom.new(element, content, klass).render
38
+ MarkdownUI::Button::Custom.new(element, content, klass, _id).render
36
39
  elsif mode.icon? && mode.labeled?
37
40
  icon, label = content
38
- MarkdownUI::Button::LabeledIcon.new(icon, label, klass).render
41
+ MarkdownUI::Button::LabeledIcon.new(icon, label, klass, _id).render
39
42
  elsif mode.icon? && !mode.labeled?
40
- MarkdownUI::Button::Icon.new(content, klass).render
43
+ MarkdownUI::Button::Icon.new(content, klass, _id).render
41
44
  elsif mode.focusable?
42
- MarkdownUI::Button::Focusable.new(content, klass).render
45
+ MarkdownUI::Button::Focusable.new(content, klass, _id).render
43
46
  elsif mode.basic?
44
- MarkdownUI::Button::Basic.new(content, klass).render
47
+ MarkdownUI::Button::Basic.new(content, klass, _id).render
45
48
  elsif mode.animated?
46
- MarkdownUI::Button::Animated.new(content, klass).render
49
+ MarkdownUI::Button::Animated.new(content, klass, _id).render
47
50
  elsif standard_button?(mode)
48
- MarkdownUI::Button::Standard.new(content, klass).render
51
+ MarkdownUI::Button::Standard.new(content, klass, _id).render
49
52
  end
50
53
  end
51
54
 
data/lib/markdown-ui/button/focusable.rb CHANGED
@@ -2,17 +2,22 @@
2
2
 
3
3
  module MarkdownUI::Button
4
4
  class Focusable
5
- def initialize(content, klass = nil)
5
+ def initialize(content, klass = nil, _id = nil)
6
6
  @klass = klass
7
7
  @content = content
8
+ @id = _id
8
9
  end
9
10
 
10
11
  def render
11
12
  content = MarkdownUI::Content::Parser.new(@content).parse
12
13
  klass = MarkdownUI::KlassUtil.new("ui #{@klass} button").klass
14
+ _id = if @id
15
+ " id=\"#{@id.split.join("-")}\""
16
+ end
13
17
 
14
18
  output = []
15
19
  output << "<button"
20
+ output << "#{_id}"
16
21
  output << "#{klass}>"
17
22
  output << content
18
23
  output << "</button>"
data/lib/markdown-ui/button/icon.rb CHANGED
@@ -2,16 +2,18 @@
2
2
 
3
3
  module MarkdownUI::Button
4
4
  class Icon
5
- def initialize(content, klass = nil)
5
+ def initialize(content, klass = nil, _id = nil)
6
6
  @klass = klass
7
+ @id = _id
7
8
  @content = content
8
9
  end
9
10
 
10
11
  def render
11
12
  content = MarkdownUI::Content::Parser.new(@content).parse
12
13
  klass = "ui #{@klass} icon button"
14
+ _id = @id
13
15
 
14
- MarkdownUI::StandardTag.new(content, klass).render
16
+ MarkdownUI::StandardTag.new(content, klass, _id).render
15
17
  end
16
18
  end
17
19
  end
data/lib/markdown-ui/button/labeled_icon.rb CHANGED
@@ -2,22 +2,24 @@
2
2
 
3
3
  module MarkdownUI::Button
4
4
  class LabeledIcon
5
- def initialize(icon, label, klass = nil)
5
+ def initialize(icon, label, klass = nil, _id = nil)
6
6
  @klass = klass
7
7
  @icon = icon
8
8
  @label = label
9
+ @id = _id
9
10
  end
10
11
 
11
12
  def render
12
13
  icon = MarkdownUI::Content::Parser.new(@icon).parse
13
14
  label = MarkdownUI::Content::Parser.new(@label).parse
14
15
  klass = "ui #{@klass} labeled icon button"
16
+ _id = @id
15
17
 
16
18
  content = []
17
19
  content << icon
18
20
  content << label
19
21
 
20
- MarkdownUI::StandardTag.new(content.join, klass).render
22
+ MarkdownUI::StandardTag.new(content.join, klass, _id).render
21
23
  end
22
24
  end
23
25
  end
data/lib/markdown-ui/button/standard.rb CHANGED
@@ -2,16 +2,18 @@
2
2
 
3
3
  module MarkdownUI::Button
4
4
  class Standard
5
- def initialize(content, klass = nil)
5
+ def initialize(content, klass = nil, _id = nil)
6
6
  @klass = klass
7
+ @id = _id
7
8
  @content = content
8
9
  end
9
10
 
10
11
  def render
11
12
  klass = "ui #{@klass} button"
12
13
  content = MarkdownUI::Content::Parser.new(@content).parse
14
+ _id = @id
13
15
 
14
- MarkdownUI::StandardTag.new(content, klass).render
16
+ MarkdownUI::StandardTag.new(content, klass, _id).render
15
17
  end
16
18
  end
17
19
  end
data/lib/markdown-ui/tag/standard_tag.rb CHANGED
@@ -1,14 +1,18 @@
1
1
  module MarkdownUI
2
2
  class StandardTag
3
- def initialize(content, klass = nil, data = nil)
3
+ def initialize(content, klass = nil, _id = nil, data = nil)
4
4
  @klass = klass
5
5
  @content = content
6
6
  @data = data
7
+ @id = _id
7
8
  end
8
9
 
9
10
  def render
10
11
  content = @content.strip unless @content.nil?
11
- klass = MarkdownUI::KlassUtil.new(@klass).klass
12
+ klass = MarkdownUI::KlassUtil.new(@klass).klass unless @klass.nil?
13
+ _id = if @id
14
+ " id=\"#{@id.split.join("-")}\""
15
+ end
12
16
 
13
17
  data = if @data
14
18
  _data, attribute, value = @data.split(":")
@@ -17,7 +21,7 @@ module MarkdownUI
17
21
  nil
18
22
  end
19
23
 
20
- "<div#{klass}#{data}>#{content}</div>"
24
+ "<div#{_id}#{klass}#{data}>#{content}</div>"
21
25
  end
22
26
  end
23
27
  end
data/lib/markdown-ui/tag/tag.rb CHANGED
@@ -17,7 +17,7 @@ module MarkdownUI
17
17
 
18
18
  def render
19
19
  # if @mode.div?
20
- MarkdownUI::StandardTag.new(@content, @klass, @data).render
20
+ MarkdownUI::StandardTag.new(@content, @klass, nil, @data).render
21
21
  # elsif @mode.span
22
22
  # MarkdownUI::SpanTag.new(@content, @klass).render
23
23
  # elsif @mode.article
data/lib/markdown-ui/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module MarkdownUI
2
- VERSION = "0.1.1"
2
+ VERSION = "0.1.2"
3
3
  end
data/website/index.html CHANGED
@@ -1,8 +1,12 @@
1
1
  <!doctype html>
2
2
 
3
+ <!doctype html>
4
+
3
5
  <html lang="en">
4
6
  <head>
5
7
  <meta charset="utf-8">
8
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
9
+ <meta name="viewport" content="width=device-width, initial-scale=1">
6
10
 
7
11
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.1/semantic.min.css">
8
12
  <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
@@ -110,12 +114,14 @@ __Button|Follow__
110
114
  <!-- -->
111
115
  <div class="ui center aligned six wide column">
112
116
  <h5 class="ui header">Preview</h5>
113
- <div class="ui follow-button button">Follow</div>
117
+ <div id="follow-button-id" class="ui follow-button-class button">Follow</div>
114
118
  </div>
115
119
  <!-- -->
116
120
  <div class="ui left aligned ten wide column">
117
121
  <h5 class="ui header">Markdown Syntax</h5>
118
- <div class="ui inverted very padded segment"><code>__Follow-Button Button|Follow__</code><br />or<br /><code>__Button|Follow|Follow-Button__</code></div>
122
+ <div class="ui inverted very padded segment">
123
+ <code>__Follow-Button-Class Button|Follow|Follow-Button-ID__</code>
124
+ </div>
119
125
  </div>
120
126
  <!-- -->
121
127
  </div>
@@ -127,14 +133,14 @@ __Button|Follow__
127
133
  <!-- -->
128
134
  <div class="ui center aligned six wide column">
129
135
  <h5 class="ui header">Preview</h5>
130
- <button class="ui focusable button">Follow</button>
136
+ <button id="my-focusable-button" class="ui focusable button">Follow</button>
131
137
  </div>
132
138
  <!-- -->
133
139
  <div class="ui left aligned ten wide column">
134
140
  <h5 class="ui header">Markdown Syntax</h5>
135
141
  <div class="ui inverted very padded segment">
136
142
  <code>
137
- __Focusable Button|Follow__
143
+ __Focusable Button|Follow|My-Focusable-Button__
138
144
  </code>
139
145
  </div>
140
146
  </div>
@@ -164,9 +170,9 @@ __Focusable Button|Follow__
164
170
  <h5 class="ui header">Markdown Syntax</h5>
165
171
  <div class="ui inverted very padded segment">
166
172
  <code>
167
- __Button|Save|Primary__
173
+ __Primary Button|Save__
168
174
  __Button|Discard__
169
- __Button|Save|Secondary__
175
+ __Secondary Button|Save__
170
176
  __Button|Discard__
171
177
  </code>
172
178
  </div>
@@ -198,7 +204,7 @@ __Button|Discard__
198
204
  <h5 class="ui header">Markdown Syntax</h5>
199
205
  <div class="ui inverted very padded segment">
200
206
  <code>
201
- __Animated Button|Text:Next;Icon:Right Arrow__
207
+ __Animated Button|Next;Icon:Right Arrow__
202
208
  </code>
203
209
  </div>
204
210
  </div>
@@ -224,7 +230,7 @@ __Animated Button|Text:Next;Icon:Right Arrow__
224
230
  <h5 class="ui header">Markdown Syntax</h5>
225
231
  <div class="ui inverted very padded segment">
226
232
  <code>
227
- __Vertical Animated Button|Icon:Shop;Text:Shop__
233
+ __Vertical Animated Button|Icon:Shop;Shop__
228
234
  </code>
229
235
  </div>
230
236
  </div>
@@ -246,7 +252,7 @@ __Vertical Animated Button|Icon:Shop;Text:Shop__
246
252
  <!-- -->
247
253
  <div class="ui left aligned ten wide column">
248
254
  <h5 class="ui header">Markdown Syntax</h5>
249
- <div class="ui inverted very padded segment"><code>__Fade Animated Button|Text:Sign-up for a Pro account;Text:$12.99 a month__</code><br /> or <br />
255
+ <div class="ui inverted very padded segment"><code>__Fade Animated Button|Sign-up for a Pro account;$12.99 a month__</code><br /> or <br />
250
256
  <code>__Fade Animated Button|Sign-up for a Pro account;$12.99 a month__</code></div>
251
257
  </div>
252
258
  <!-- -->
@@ -299,7 +305,7 @@ __Icon Button|Icon:Cloud__
299
305
  <h5 class="ui header">Markdown Syntax</h5>
300
306
  <div class="ui inverted very padded segment">
301
307
  <code>
302
- __Labeled Icon Button|Icon:Pause,Text:Pause__
308
+ __Labeled Icon Button|Icon:Pause,Pause__
303
309
  </code>
304
310
  </div>
305
311
  </div>
@@ -325,7 +331,7 @@ __Labeled Icon Button|Icon:Pause,Text:Pause__
325
331
  <h5 class="ui header">Markdown Syntax</h5>
326
332
  <div class="ui inverted very padded segment">
327
333
  <code>
328
- __Basic Button|Icon:User,Text:Add Friend__
334
+ __Basic Button|Icon:User,Add Friend__
329
335
  </code>
330
336
  </div>
331
337
  </div>
@@ -354,15 +360,15 @@ __Basic Button|Icon:User,Text:Add Friend__
354
360
  <h5 class="ui header">Markdown Syntax</h5>
355
361
  <div class="ui inverted very padded segment">
356
362
  <code>
357
- __Button|Text:Black|Basic Black__
358
- __Button|Text:Yellow|Basic Yellow__
359
- __Button|Text:Green|Basic Green__
360
- __Button|Text:Blue|Basic Blue__
361
- __Button|Text:Orange|Basic Orange__
362
- __Button|Text:Purple|Basic Purple__
363
- __Button|Text:Pink|Basic Pink__
364
- __Button|Text:Red|Basic Red__
365
- __Button|Text:Teal|Basic Teal__
363
+ __Basic Black Button|Black__
364
+ __Basic Yellow Button|Yellow__
365
+ __Basic Green Button|Green__
366
+ __Basic Blue Button|Blue__
367
+ __Basic Orange Button|Orange__
368
+ __Basic Purple Button|Purple__
369
+ __Basic Pink Button|Pink__
370
+ __Basic Red Button|Red__
371
+ __Basic Teal Button|Teal__
366
372
  </code>
367
373
  </div>
368
374
  </div>
@@ -382,7 +388,7 @@ __Button|Text:Teal|Basic Teal__
382
388
  <div class="ui center aligned six wide column">
383
389
  <h5 class="ui header">Preview</h5>
384
390
  <div class="ui inverted very padded segment">
385
- <div class="ui inverted button">Standard</div>
391
+ <div class="ui inverted standard button">Standard</div>
386
392
  <div class="ui inverted black button">Black</div>
387
393
  <div class="ui inverted yellow button">Yellow</div>
388
394
  <div class="ui inverted green button">Green</div>
@@ -400,25 +406,25 @@ __Button|Text:Teal|Basic Teal__
400
406
  <div class="ui inverted very padded segment">
401
407
  <code>&gt; Inverted Segment:</code>
402
408
  <br />
403
- <code>&gt; __Button|Text:Standard|Inverted__</code>
409
+ <code>&gt; __Button|Standard|Inverted__</code>
404
410
  <br />
405
- <code>&gt; __Button|Text:Black|Inverted Black__</code>
411
+ <code>&gt; __Button|Black|Inverted Black__</code>
406
412
  <br />
407
- <code>&gt; __Button|Text:Yellow|Inverted Yellow__</code>
413
+ <code>&gt; __Button|Yellow|Inverted Yellow__</code>
408
414
  <br />
409
- <code>&gt; __Button|Text:Green|Inverted Green__</code>
415
+ <code>&gt; __Button|Green|Inverted Green__</code>
410
416
  <br />
411
- <code>&gt; __Button|Text:Blue|Inverted Blue__</code>
417
+ <code>&gt; __Button|Blue|Inverted Blue__</code>
412
418
  <br />
413
- <code>&gt; __Button|Text:Orange|Inverted Orange__</code>
419
+ <code>&gt; __Button|Orange|Inverted Orange__</code>
414
420
  <br />
415
- <code>&gt; __Button|Text:Purple|Inverted Purple__</code>
421
+ <code>&gt; __Button|Purple|Inverted Purple__</code>
416
422
  <br />
417
- <code>&gt; __Button|Text:Pink|Inverted Pink__</code>
423
+ <code>&gt; __Button|Pink|Inverted Pink__</code>
418
424
  <br />
419
- <code>&gt; __Button|Text:Red|Inverted Red__</code>
425
+ <code>&gt; __Button|Red|Inverted Red__</code>
420
426
  <br />
421
- <code>&gt; __Button|Text:Teal|Inverted Teal__</code>
427
+ <code>&gt; __Button|Teal|Inverted Teal__</code>
422
428
  </div>
423
429
  </div>
424
430
  <!-- -->
@@ -437,9 +443,9 @@ __Button|Text:Teal|Basic Teal__
437
443
  <div class="ui center aligned six wide column">
438
444
  <h5 class="ui header">Preview</h5>
439
445
  <div class="ui buttons">
440
- <div class="ui standard button">One</div>
441
- <div class="ui standard button">Two</div>
442
- <div class="ui standard button">Three</div>
446
+ <div id="standard" class="ui button">One</div>
447
+ <div id="standard" class="ui button">Two</div>
448
+ <div id="standard" class="ui button">Three</div>
443
449
  </div>
444
450
  </div>
445
451
  <!-- -->
@@ -448,11 +454,11 @@ __Button|Text:Teal|Basic Teal__
448
454
  <div class="ui inverted very padded segment">
449
455
  <code>&gt; Buttons:</code>
450
456
  <br />
451
- <code>&gt; __Button|Text:One|Standard__</code>
457
+ <code>&gt; __Standard Button|One__</code>
452
458
  <br />
453
- <code>&gt; __Button|Text:Two|Standard__</code>
459
+ <code>&gt; __Standard Button|Two__</code>
454
460
  <br />
455
- <code>&gt; __Button|Text:Three|Standard__</code>
461
+ <code>&gt; __Standard Button|Three__</code>
456
462
  </div>
457
463
  </div>
458
464
  <!-- -->
@@ -551,11 +557,11 @@ __Button|Text:Teal|Basic Teal__
551
557
  <div class="ui inverted very padded segment">
552
558
  <code>&gt; Icon Buttons:</code>
553
559
  <br />
554
- <code>&gt; __Button|Text:Cancel__</code>
560
+ <code>&gt; __Button|Cancel__</code>
555
561
  <br />
556
562
  <code>&gt; __Div Tag||Or__</code>
557
563
  <br />
558
- <code>&gt; __Button|Text:Save|Positive__</code>
564
+ <code>&gt; __Positive Button|Save__</code>
559
565
  </div>
560
566
  </div>
561
567
  <!-- -->
@@ -563,8 +569,8 @@ __Button|Text:Teal|Basic Teal__
563
569
  <h5 class="ui header">Preview</h5>
564
570
  <div class="ui icon buttons">
565
571
  <div class="ui button">un</div>
566
- <div class="or" data-text="ou"></div>
567
- <div class="ui positive button">deux</div>
572
+ <div class="or" data-ou=""></div>
573
+ <div id="positive-id" class="ui positive button">deux</div>
568
574
  </div>
569
575
  </div>
570
576
  <!-- -->
@@ -573,11 +579,11 @@ __Button|Text:Teal|Basic Teal__
573
579
  <div class="ui inverted very padded segment">
574
580
  <code>&gt; Icon Buttons:</code>
575
581
  <br />
576
- <code>&gt; __Button|Text:un__</code>
582
+ <code>&gt; __Button|un__</code>
577
583
  <br />
578
- <code>&gt; __Div Tag|Or|Data:Text:ou__</code>
584
+ <code>&gt; __Div Tag|Or|Data:ou__</code>
579
585
  <br />
580
- <code>&gt; __Button|Text:deux|Positive__</code>
586
+ <code>&gt; __Positive Button|deux|Positive-ID__</code>
581
587
  </div>
582
588
  </div>
583
589
  <!-- -->
data/website/index.md CHANGED
@@ -102,16 +102,14 @@
102
102
  > >
103
103
  > > > Center Aligned Six Wide Column:
104
104
  > > > ##### Preview
105
- > > > __Button|Follow|Follow-Button__
105
+ > > > __Follow-Button-Class Button|Follow|Follow-Button-ID__
106
106
  > >
107
107
  > > <!-- -->
108
108
  > >
109
109
  > > > Left Aligned Ten Wide Column:
110
110
  > > > ##### Markdown Syntax
111
111
  > > > > Inverted Very Padded Segment:
112
- > > > > ```__Follow-Button Button|Follow__```
113
- > > > > <br />or<br />
114
- > > > > ```__Button|Follow|Follow-Button__```
112
+ > > > > ```__Follow-Button-Class Button|Follow|Follow-Button-ID__```
115
113
  > >
116
114
  > > <!-- -->
117
115
  > >
@@ -127,7 +125,7 @@
127
125
  > >
128
126
  > > > Center Aligned Six Wide Column:
129
127
  > > > ##### Preview
130
- > > > __Focusable Button|Follow__
128
+ > > > __Focusable Button|Follow|My-Focusable-Button__
131
129
  > >
132
130
  > > <!-- -->
133
131
  > >
@@ -135,7 +133,7 @@
135
133
  > > > ##### Markdown Syntax
136
134
  > > > > Inverted Very Padded Segment:
137
135
  > > > > ```
138
- > > > > __Focusable Button|Follow__
136
+ > > > > __Focusable Button|Follow|My-Focusable-Button__
139
137
  > > > > ```
140
138
  > >
141
139
  > > <!-- -->
@@ -160,9 +158,9 @@
160
158
  > >
161
159
  > > > Center Aligned Six Wide Column:
162
160
  > > > ##### Preview
163
- > > > __Button|Save|Primary__ __Button|Discard__
161
+ > > > __Primary Button|Save__ __Button|Discard__
164
162
  > > > " "
165
- > > > __Button|Save|Secondary__ __Button|Discard__
163
+ > > > __Secondary Button|Save__ __Button|Discard__
166
164
  > >
167
165
  > > <!-- -->
168
166
  > >
@@ -170,9 +168,9 @@
170
168
  > > > ##### Markdown Syntax
171
169
  > > > > Inverted Very Padded Segment:
172
170
  > > > > ```
173
- > > > > __Button|Save|Primary__
171
+ > > > > __Primary Button|Save__
174
172
  > > > > __Button|Discard__
175
- > > > > __Button|Save|Secondary__
173
+ > > > > __Secondary Button|Save__
176
174
  > > > > __Button|Discard__
177
175
  > > > > ```
178
176
  > >
@@ -198,7 +196,7 @@
198
196
  > >
199
197
  > > > Center Aligned Six Wide Column:
200
198
  > > > ##### Preview
201
- > > > __Animated Button|Text:Next;Icon:Right Arrow__
199
+ > > > __Animated Button|Next;Icon:Right Arrow__
202
200
  > >
203
201
  > > <!-- -->
204
202
  > >
@@ -206,7 +204,7 @@
206
204
  > > > ##### Markdown Syntax
207
205
  > > > > Inverted Very Padded Segment:
208
206
  > > > > ```
209
- > > > > __Animated Button|Text：Next;Icon：Right Arrow__
207
+ > > > > __Animated Button|Next;Icon：Right Arrow__
210
208
  > > > > ```
211
209
  > >
212
210
  > > <!-- -->
@@ -223,7 +221,7 @@
223
221
  > >
224
222
  > > > Center Aligned Six Wide Column:
225
223
  > > > ##### Preview
226
- > > > __Vertical Animated Button|Icon:Shop;Text:Shop__
224
+ > > > __Vertical Animated Button|Icon:Shop;Shop__
227
225
  > >
228
226
  > > <!-- -->
229
227
  > >
@@ -231,7 +229,7 @@
231
229
  > > > ##### Markdown Syntax
232
230
  > > > > Inverted Very Padded Segment:
233
231
  > > > > ```
234
- > > > > __Vertical Animated Button|Icon：Shop;Text：Shop__
232
+ > > > > __Vertical Animated Button|Icon：Shop;Shop__
235
233
  > > > > ```
236
234
  > >
237
235
  > > <!-- -->
@@ -255,7 +253,7 @@
255
253
  > > > Left Aligned Ten Wide Column:
256
254
  > > > ##### Markdown Syntax
257
255
  > > > > Inverted Very Padded Segment:
258
- > > > > ```__Fade Animated Button|Text：Sign-up for a Pro account;Text：$12.99 a month__```
256
+ > > > > ```__Fade Animated Button|Sign-up for a Pro account;$12.99 a month__```
259
257
  > > > > <br /> or <br />
260
258
  > > > > ```__Fade Animated Button|Sign-up for a Pro account;$12.99 a month__```
261
259
  > >
@@ -314,7 +312,7 @@
314
312
  > >
315
313
  > > > Center Aligned Six Wide Column:
316
314
  > > > ##### Preview
317
- > > > __Labeled Icon Button|Icon:Pause,Text:Pause__
315
+ > > > __Labeled Icon Button|Icon:Pause,Pause__
318
316
  > >
319
317
  > > <!-- -->
320
318
  > >
@@ -322,7 +320,7 @@
322
320
  > > > ##### Markdown Syntax
323
321
  > > > > Inverted Very Padded Segment:
324
322
  > > > > ```
325
- > > > > __Labeled Icon Button|Icon：Pause,Text：Pause__
323
+ > > > > __Labeled Icon Button|Icon：Pause,Pause__
326
324
  > > > > ```
327
325
  > >
328
326
  > > <!-- -->
@@ -347,7 +345,7 @@
347
345
  > >
348
346
  > > > Center Aligned Six Wide Column:
349
347
  > > > ##### Preview
350
- > > > __Basic Button|Icon:User,Text:Add Friend__
348
+ > > > __Basic Button|Icon:User,Add Friend__
351
349
  > >
352
350
  > > <!-- -->
353
351
  > >
@@ -355,7 +353,7 @@
355
353
  > > > ##### Markdown Syntax
356
354
  > > > > Inverted Very Padded Segment:
357
355
  > > > > ```
358
- > > > > __Basic Button|Icon：User,Text：Add Friend__
356
+ > > > > __Basic Button|Icon：User,Add Friend__
359
357
  > > > > ```
360
358
  > >
361
359
  > > <!-- -->
@@ -372,15 +370,15 @@
372
370
  > >
373
371
  > > > Center Aligned Six Wide Column:
374
372
  > > > ##### Preview
375
- > > > __Button|Text: Black|Basic Black__
376
- > > > __Button|Text: Yellow|Basic Yellow__
377
- > > > __Button|Text: Green|Basic Green__
378
- > > > __Button|Text: Blue|Basic Blue__
379
- > > > __Button|Text: Orange|Basic Orange__
380
- > > > __Button|Text: Purple|Basic Purple__
381
- > > > __Button|Text: Pink|Basic Pink__
382
- > > > __Button|Text: Red|Basic Red__
383
- > > > __Button|Text: Teal|Basic Teal__
373
+ > > > __Basic Black Button|Black__
374
+ > > > __Basic Yellow Button|Yellow__
375
+ > > > __Basic Green Button|Green__
376
+ > > > __Basic Blue Button|Blue__
377
+ > > > __Basic Orange Button|Orange__
378
+ > > > __Basic Purple Button|Purple__
379
+ > > > __Basic Pink Button|Pink__
380
+ > > > __Basic Red Button|Red__
381
+ > > > __Basic Teal Button|Teal__
384
382
  > >
385
383
  > > <!-- -->
386
384
  > >
@@ -388,15 +386,15 @@
388
386
  > > > ##### Markdown Syntax
389
387
  > > > > Inverted Very Padded Segment:
390
388
  > > > > ```
391
- > > > > __Button|Text：Black|Basic Black__
392
- > > > > __Button|Text：Yellow|Basic Yellow__
393
- > > > > __Button|Text：Green|Basic Green__
394
- > > > > __Button|Text：Blue|Basic Blue__
395
- > > > > __Button|Text：Orange|Basic Orange__
396
- > > > > __Button|Text：Purple|Basic Purple__
397
- > > > > __Button|Text：Pink|Basic Pink__
398
- > > > > __Button|Text：Red|Basic Red__
399
- > > > > __Button|Text：Teal|Basic Teal__
389
+ > > > __Basic Black Button|Black__
390
+ > > > __Basic Yellow Button|Yellow__
391
+ > > > __Basic Green Button|Green__
392
+ > > > __Basic Blue Button|Blue__
393
+ > > > __Basic Orange Button|Orange__
394
+ > > > __Basic Purple Button|Purple__
395
+ > > > __Basic Pink Button|Pink__
396
+ > > > __Basic Red Button|Red__
397
+ > > > __Basic Teal Button|Teal__
400
398
  > > > ```
401
399
  > >
402
400
  > > <!-- -->
@@ -422,16 +420,16 @@
422
420
  > > > Center Aligned Six Wide Column:
423
421
  > > > ##### Preview
424
422
  > > > > Inverted Very Padded Segment:
425
- > > > > __Button|Text: Standard|Inverted__
426
- > > > > __Button|Text: Black|Inverted Black__
427
- > > > > __Button|Text: Yellow|Inverted Yellow__
428
- > > > > __Button|Text: Green|Inverted Green__
429
- > > > > __Button|Text: Blue|Inverted Blue__
430
- > > > > __Button|Text: Orange|Inverted Orange__
431
- > > > > __Button|Text: Purple|Inverted Purple__
432
- > > > > __Button|Text: Pink|Inverted Pink__
433
- > > > > __Button|Text: Red|Inverted Red__
434
- > > > > __Button|Text: Teal|Inverted Teal__
423
+ > > > __Inverted Standard Button|Standard__
424
+ > > > __Inverted Black Button|Black__
425
+ > > > __Inverted Yellow Button|Yellow__
426
+ > > > __Inverted Green Button|Green__
427
+ > > > __Inverted Blue Button|Blue__
428
+ > > > __Inverted Orange Button|Orange__
429
+ > > > __Inverted Purple Button|Purple__
430
+ > > > __Inverted Pink Button|Pink__
431
+ > > > __Inverted Red Button|Red__
432
+ > > > __Inverted Teal Button|Teal__
435
433
  > >
436
434
  > > <!-- -->
437
435
  > >
@@ -439,16 +437,16 @@
439
437
  > > > ##### Markdown Syntax
440
438
  > > > > Inverted Very Padded Segment:
441
439
  > > > > ```> Inverted Segment：``` <br />
442
- > > > > ```> __Button|Text：Standard|Inverted__``` <br />
443
- > > > > ```> __Button|Text：Black|Inverted Black__``` <br />
444
- > > > > ```> __Button|Text：Yellow|Inverted Yellow__``` <br />
445
- > > > > ```> __Button|Text：Green|Inverted Green__``` <br />
446
- > > > > ```> __Button|Text：Blue|Inverted Blue__``` <br />
447
- > > > > ```> __Button|Text：Orange|Inverted Orange__``` <br />
448
- > > > > ```> __Button|Text：Purple|Inverted Purple__``` <br />
449
- > > > > ```> __Button|Text：Pink|Inverted Pink__``` <br />
450
- > > > > ```> __Button|Text：Red|Inverted Red__``` <br />
451
- > > > > ```> __Button|Text：Teal|Inverted Teal__```
440
+ > > > > ```> __Button|Standard|Inverted__``` <br />
441
+ > > > > ```> __Button|Black|Inverted Black__``` <br />
442
+ > > > > ```> __Button|Yellow|Inverted Yellow__``` <br />
443
+ > > > > ```> __Button|Green|Inverted Green__``` <br />
444
+ > > > > ```> __Button|Blue|Inverted Blue__``` <br />
445
+ > > > > ```> __Button|Orange|Inverted Orange__``` <br />
446
+ > > > > ```> __Button|Purple|Inverted Purple__``` <br />
447
+ > > > > ```> __Button|Pink|Inverted Pink__``` <br />
448
+ > > > > ```> __Button|Red|Inverted Red__``` <br />
449
+ > > > > ```> __Button|Teal|Inverted Teal__```
452
450
  > >
453
451
  > > <!-- -->
454
452
  > >
@@ -473,9 +471,9 @@
473
471
  > > > Center Aligned Six Wide Column:
474
472
  > > > ##### Preview
475
473
  > > > > Buttons:
476
- > > > > __Button|Text: One|Standard__
477
- > > > > __Button|Text: Two|Standard__
478
- > > > > __Button|Text: Three|Standard__
474
+ > > > > __Button|One|Standard__
475
+ > > > > __Button|Two|Standard__
476
+ > > > > __Button|Three|Standard__
479
477
  > >
480
478
  > > <!-- -->
481
479
  > >
@@ -483,9 +481,9 @@
483
481
  > > > ##### Markdown Syntax
484
482
  > > > > Inverted Very Padded Segment:
485
483
  > > > > ```> Buttons：``` <br />
486
- > > > > ```> __Button|Text：One|Standard__``` <br />
487
- > > > > ```> __Button|Text：Two|Standard__``` <br />
488
- > > > > ```> __Button|Text：Three|Standard__```
484
+ > > > > ```> __Standard Button|One__``` <br />
485
+ > > > > ```> __Standard Button|Two__``` <br />
486
+ > > > > ```> __Standard Button|Three__```
489
487
  > >
490
488
  > > <!-- -->
491
489
  > >
@@ -563,9 +561,9 @@
563
561
  > > > Center Aligned Six Wide Column:
564
562
  > > > ##### Preview
565
563
  > > > > Icon Buttons:
566
- > > > > __Button|Text: Cancel__
564
+ > > > > __Button|Cancel__
567
565
  > > > > __Div Tag||Or__
568
- > > > > __Button|Text: Save|Positive__
566
+ > > > > __Positive Button|Save__
569
567
  > >
570
568
  > > <!-- -->
571
569
  > >
@@ -573,18 +571,18 @@
573
571
  > > > ##### Markdown Syntax
574
572
  > > > > Inverted Very Padded Segment:
575
573
  > > > > ```> Icon Buttons：``` <br />
576
- > > > > ```> __Button|Text：Cancel__``` <br />
574
+ > > > > ```> __Button|Cancel__``` <br />
577
575
  > > > > ```> __Div Tag||Or__``` <br />
578
- > > > > ```> __Button|Text：Save|Positive__```
576
+ > > > > ```> __Positive Button|Save__```
579
577
  > >
580
578
  > > <!-- -->
581
579
  > >
582
580
  > > > Center Aligned Six Wide Column:
583
581
  > > > ##### Preview
584
582
  > > > > Icon Buttons:
585
- > > > > __Button|Text: un__
586
- > > > > __Div Tag||Or|Data:Text:ou__
587
- > > > > __Button|Text: deux|Positive__
583
+ > > > > __Button|un__
584
+ > > > > __Div Tag||Or|Data:ou__
585
+ > > > > __Positive Button|deux|Positive-ID__
588
586
  > >
589
587
  > > <!-- -->
590
588
  > >
@@ -592,9 +590,9 @@
592
590
  > > > ##### Markdown Syntax
593
591
  > > > > Inverted Very Padded Segment:
594
592
  > > > > ```> Icon Buttons：``` <br />
595
- > > > > ```> __Button|Text：un__``` <br />
596
- > > > > ```> __Div Tag|Or|Data：Text：ou__``` <br />
597
- > > > > ```> __Button|Text：deux|Positive__```
593
+ > > > > ```> __Button|un__``` <br />
594
+ > > > > ```> __Div Tag|Or|Data：ou__``` <br />
595
+ > > > > ```> __Positive Button|deux|Positive-ID__```
598
596
  > >
599
597
  > > <!-- -->
600
598
  > >
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: markdown-ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.1
4
+ version: 0.1.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Joel Bryan Juliano
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2015-07-15 00:00:00.000000000 Z
11
+ date: 2015-07-20 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler