markdown-ui 0.1.1 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
@@ -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
@@ -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
@@ -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
@@ -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
 
@@ -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>"
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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