markdown-ui 0.1.9 → 0.1.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (15) hide show
  1. checksums.yaml +4 -4
  2. data/Changelog +9 -0
  3. data/TODO.md +4 -4
  4. data/exe/markdown-ui +1 -4
  5. data/lib/markdown-ui.rb +5 -1
  6. data/lib/markdown-ui/version.rb +1 -1
  7. data/website/about.html +30 -8
  8. data/website/about.md +10 -6
  9. data/website/docs/button.html +328 -81
  10. data/website/docs/button.md +294 -80
  11. data/website/docs/toc.html +9 -4
  12. data/website/docs/toc.md +6 -2
  13. data/website/index.html +5 -7
  14. data/website/index.md +9 -2
  15. metadata +2 -2
data/website/docs/button.md CHANGED
@@ -34,17 +34,15 @@
34
34
  > > <!-- -->
35
35
  > >
36
36
  > > > Center Aligned Six Wide Column:
37
- > > > ##### Preview
37
+ > > > ##### Preview:Center Aligned
38
38
  > > > __Button|Follow__
39
39
  > >
40
40
  > > <!-- -->
41
41
  > >
42
- > > > Left Aligned Ten Wide Column:
42
+ > > > Ten Wide Column:
43
43
  > > > ##### Markdown Syntax
44
44
  > > > > Inverted Very Padded Segment:
45
- > > > > ```
46
- > > > > __Button|Follow__
47
- > > > > ```
45
+ > > > > ``` __Button|Follow__ ```
48
46
  > >
49
47
  > > <!-- -->
50
48
  > >
@@ -59,12 +57,12 @@
59
57
  > > <!-- -->
60
58
  > >
61
59
  > > > Center Aligned Six Wide Column:
62
- > > > ##### Preview
60
+ > > > ##### Preview:Center Aligned
63
61
  > > > __Optional-Class Button|Follow|Optional-ID__
64
62
  > >
65
63
  > > <!-- -->
66
64
  > >
67
- > > > Left Aligned Ten Wide Column:
65
+ > > > Ten Wide Column:
68
66
  > > > ##### Markdown Syntax
69
67
  > > > > Inverted Very Padded Segment:
70
68
  > > > > ```__<Optional-Class> Button|Follow|<Optional-ID>__```
@@ -82,12 +80,12 @@
82
80
  > > <!-- -->
83
81
  > >
84
82
  > > > Center Aligned Six Wide Column:
85
- > > > ##### Preview
83
+ > > > ##### Preview:Center Aligned
86
84
  > > > __Focusable Button|Follow|Optional-ID__
87
85
  > >
88
86
  > > <!-- -->
89
87
  > >
90
- > > > Left Aligned Ten Wide Column:
88
+ > > > Ten Wide Column:
91
89
  > > > ##### Markdown Syntax
92
90
  > > > > Inverted Very Padded Segment:
93
91
  > > > > ``` __Focusable Button|Follow|<Optional-ID>__ ```
@@ -111,14 +109,14 @@
111
109
  > > <!-- -->
112
110
  > >
113
111
  > > > Center Aligned Six Wide Column:
114
- > > > ##### Preview
112
+ > > > ##### Preview:Center Aligned
115
113
  > > > __Primary Button|Save__ __Button|Discard__
116
114
  > > > " "
117
115
  > > > __Secondary Button|Save__ __Button|Discard__
118
116
  > >
119
117
  > > <!-- -->
120
118
  > >
121
- > > > Left Aligned Ten Wide Column:
119
+ > > > Ten Wide Column:
122
120
  > > > ##### Markdown Syntax
123
121
  > > > > Inverted Very Padded Segment:
124
122
  > > > > ``` __Primary Button|Save__ __Button|Discard__ ``` <br />
@@ -143,12 +141,12 @@
143
141
  > > <!-- -->
144
142
  > >
145
143
  > > > Center Aligned Six Wide Column:
146
- > > > ##### Preview
144
+ > > > ##### Preview:Center Aligned
147
145
  > > > __Animated Button|Next;Icon:Right Arrow__
148
146
  > >
149
147
  > > <!-- -->
150
148
  > >
151
- > > > Left Aligned Ten Wide Column:
149
+ > > > Ten Wide Column:
152
150
  > > > ##### Markdown Syntax
153
151
  > > > > Inverted Very Padded Segment:
154
152
  > > > > ```__Animated Button|Next;Icon：Right Arrow__```
@@ -166,12 +164,12 @@
166
164
  > > <!-- -->
167
165
  > >
168
166
  > > > Center Aligned Six Wide Column:
169
- > > > ##### Preview
167
+ > > > ##### Preview:Center Aligned
170
168
  > > > __Vertical Animated Button|Icon:Shop;Shop__
171
169
  > >
172
170
  > > <!-- -->
173
171
  > >
174
- > > > Left Aligned Ten Wide Column:
172
+ > > > Ten Wide Column:
175
173
  > > > ##### Markdown Syntax
176
174
  > > > > Inverted Very Padded Segment:
177
175
  > > > > ```__Vertical Animated Button|Icon：Shop;Shop__```
@@ -189,12 +187,12 @@
189
187
  > > <!-- -->
190
188
  > >
191
189
  > > > Center Aligned Six Wide Column:
192
- > > > ##### Preview
190
+ > > > ##### Preview:Center Aligned
193
191
  > > > __Fade Animated Button|Sign-up for a Pro account;$12.99 a month__
194
192
  > >
195
193
  > > <!-- -->
196
194
  > >
197
- > > > Left Aligned Ten Wide Column:
195
+ > > > Ten Wide Column:
198
196
  > > > ##### Markdown Syntax
199
197
  > > > > Inverted Very Padded Segment:
200
198
  > > > > ```__Fade Animated Button|Sign-up for a Pro account;$12.99 a month__```
@@ -218,12 +216,12 @@
218
216
  > > <!-- -->
219
217
  > >
220
218
  > > > Center Aligned Six Wide Column:
221
- > > > ##### Preview
219
+ > > > ##### Preview:Center Aligned
222
220
  > > > __Icon Button|Icon:Cloud__
223
221
  > >
224
222
  > > <!-- -->
225
223
  > >
226
- > > > Left Aligned Ten Wide Column:
224
+ > > > Ten Wide Column:
227
225
  > > > ##### Markdown Syntax
228
226
  > > > > Inverted Very Padded Segment:
229
227
  > > > > ``` __Icon Button|Icon：Cloud__ ```
@@ -247,12 +245,12 @@
247
245
  > > <!-- -->
248
246
  > >
249
247
  > > > Center Aligned Six Wide Column:
250
- > > > ##### Preview
248
+ > > > ##### Preview:Center Aligned
251
249
  > > > __Labeled Icon Button|Icon:Pause,Pause__
252
250
  > >
253
251
  > > <!-- -->
254
252
  > >
255
- > > > Left Aligned Ten Wide Column:
253
+ > > > Ten Wide Column:
256
254
  > > > ##### Markdown Syntax
257
255
  > > > > Inverted Very Padded Segment:
258
256
  > > > > ``` __Labeled Icon Button|Icon：Pause,Pause__ ```
@@ -276,12 +274,12 @@
276
274
  > > <!-- -->
277
275
  > >
278
276
  > > > Center Aligned Six Wide Column:
279
- > > > ##### Preview
277
+ > > > ##### Preview:Center Aligned
280
278
  > > > __Basic Button|Icon:User,Add Friend__
281
279
  > >
282
280
  > > <!-- -->
283
281
  > >
284
- > > > Left Aligned Ten Wide Column:
282
+ > > > Ten Wide Column:
285
283
  > > > ##### Markdown Syntax
286
284
  > > > > Inverted Very Padded Segment:
287
285
  > > > > ``` __Basic Button|Icon：User,Add Friend__ ```
@@ -299,7 +297,7 @@
299
297
  > > <!-- -->
300
298
  > >
301
299
  > > > Center Aligned Six Wide Column:
302
- > > > ##### Preview
300
+ > > > ##### Preview:Center Aligned
303
301
  > > > __Basic Standard Button|Standard__
304
302
  > > > __Basic Black Button|Black__
305
303
  > > > __Basic Yellow Button|Yellow__
@@ -313,7 +311,7 @@
313
311
  > >
314
312
  > > <!-- -->
315
313
  > >
316
- > > > Left Aligned Ten Wide Column:
314
+ > > > Ten Wide Column:
317
315
  > > > ##### Markdown Syntax
318
316
  > > > > Inverted Very Padded Segment:
319
317
  > > > > ``` __Basic Standard Button|Standard__``` <br />
@@ -346,7 +344,7 @@
346
344
  > > <!-- -->
347
345
  > >
348
346
  > > > Center Aligned Six Wide Column:
349
- > > > ##### Preview
347
+ > > > ##### Preview:Center Aligned
350
348
  > > > > Inverted Very Padded Segment:
351
349
  > > > __Inverted Standard Button|Standard__
352
350
  > > > __Inverted Black Button|Black__
@@ -361,7 +359,7 @@
361
359
  > >
362
360
  > > <!-- -->
363
361
  > >
364
- > > > Left Aligned Ten Wide Column:
362
+ > > > Ten Wide Column:
365
363
  > > > ##### Markdown Syntax
366
364
  > > > > Inverted Very Padded Segment:
367
365
  > > > > ```> Inverted Segment：``` <br />
@@ -400,7 +398,7 @@
400
398
  > > <!-- -->
401
399
  > >
402
400
  > > > Center Aligned Six Wide Column:
403
- > > > ##### Preview
401
+ > > > ##### Preview:Center Aligned
404
402
  > > > > Buttons:
405
403
  > > > > __Button|One|Standard__
406
404
  > > > > __Button|Two|Standard__
@@ -408,7 +406,7 @@
408
406
  > >
409
407
  > > <!-- -->
410
408
  > >
411
- > > > Left Aligned Ten Wide Column:
409
+ > > > Ten Wide Column:
412
410
  > > > ##### Markdown Syntax
413
411
  > > > > Inverted Very Padded Segment:
414
412
  > > > > ```> Buttons：``` <br />
@@ -435,7 +433,7 @@
435
433
  > > <!-- -->
436
434
  > >
437
435
  > > > Center Aligned Six Wide Column:
438
- > > > ##### Preview
436
+ > > > ##### Preview:Center Aligned
439
437
  > > > > Icon Buttons:
440
438
  > > > > __Button|Icon: Align Left__
441
439
  > > > > __Button|Icon: Align Center__
@@ -451,7 +449,7 @@
451
449
  > >
452
450
  > > <!-- -->
453
451
  > >
454
- > > > Left Aligned Ten Wide Column:
452
+ > > > Ten Wide Column:
455
453
  > > > ##### Markdown Syntax
456
454
  > > > > Inverted Very Padded Segment:
457
455
  > > > > ```> Icon Buttons：``` <br />
@@ -491,7 +489,7 @@
491
489
  > > <!-- -->
492
490
  > >
493
491
  > > > Center Aligned Six Wide Column:
494
- > > > ##### Preview
492
+ > > > ##### Preview:Center Aligned
495
493
  > > > > Buttons:
496
494
  > > > > __Button|Cancel__
497
495
  > > > > __Div Tag||Or__
@@ -499,7 +497,7 @@
499
497
  > >
500
498
  > > <!-- -->
501
499
  > >
502
- > > > Left Aligned Ten Wide Column:
500
+ > > > Ten Wide Column:
503
501
  > > > ##### Markdown Syntax
504
502
  > > > > Inverted Very Padded Segment:
505
503
  > > > > ```> Buttons：``` <br />
@@ -510,7 +508,7 @@
510
508
  > > <!-- -->
511
509
  > >
512
510
  > > > Center Aligned Six Wide Column:
513
- > > > ##### Preview
511
+ > > > ##### Preview:Center Aligned
514
512
  > > > > Buttons:
515
513
  > > > > __Button|un__
516
514
  > > > > __Div Tag||Or|Data:Text:ou__
@@ -518,7 +516,7 @@
518
516
  > >
519
517
  > > <!-- -->
520
518
  > >
521
- > > > Left Aligned Ten Wide Column:
519
+ > > > Ten Wide Column:
522
520
  > > > ##### Markdown Syntax
523
521
  > > > > Inverted Very Padded Segment:
524
522
  > > > > ```> Buttons：``` <br />
@@ -550,12 +548,12 @@
550
548
  > > <!-- -->
551
549
  > >
552
550
  > > > Center Aligned Six Wide Column:
553
- > > > ##### Preview
551
+ > > > ##### Preview:Center Aligned
554
552
  > > > __Active Button|Icon:User, Follow__
555
553
  > >
556
554
  > > <!-- -->
557
555
  > >
558
- > > > Left Aligned Ten Wide Column:
556
+ > > > Ten Wide Column:
559
557
  > > > ##### Markdown Syntax
560
558
  > > > > Inverted Very Padded Segment:
561
559
  > > > > ```__Active Button|Icon：User, Follow__```
@@ -576,12 +574,12 @@
576
574
  > > <!-- -->
577
575
  > >
578
576
  > > > Center Aligned Six Wide Column:
579
- > > > ##### Preview
577
+ > > > ##### Preview:Center Aligned
580
578
  > > > __Disabled Button|Icon:User,Followed__
581
579
  > >
582
580
  > > <!-- -->
583
581
  > >
584
- > > > Left Aligned Ten Wide Column:
582
+ > > > Ten Wide Column:
585
583
  > > > ##### Markdown Syntax
586
584
  > > > > Inverted Very Padded Segment:
587
585
  > > > > ```__Disabled Button|Icon：User,Followed__```
@@ -602,7 +600,7 @@
602
600
  > > <!-- -->
603
601
  > >
604
602
  > > > Center Aligned Six Wide Column:
605
- > > > ##### Preview
603
+ > > > ##### Preview:Center Aligned
606
604
  > > > __Loading Button|Loading__
607
605
  > > > __Basic Loading Button|Loading__
608
606
  > > > __Primary Loading Button|Loading__
@@ -610,7 +608,7 @@
610
608
  > >
611
609
  > > <!-- -->
612
610
  > >
613
- > > > Left Aligned Ten Wide Column:
611
+ > > > Ten Wide Column:
614
612
  > > > ##### Markdown Syntax
615
613
  > > > > Inverted Very Padded Segment:
616
614
  > > > > ``` __Loading Button|Loading__ ``` <br />
@@ -639,7 +637,7 @@
639
637
  > > <!-- -->
640
638
  > >
641
639
  > > > Center Aligned Six Wide Column:
642
- > > > ##### Preview
640
+ > > > ##### Preview:Center Aligned
643
641
  > > > __Facebook Button|Icon:Facebook, Facebook__
644
642
  > > > __Twitter Button|Icon:Twitter, Twitter__
645
643
  > > > __Google Plus Button|Icon:Google Plus, Google Plus__
@@ -650,7 +648,7 @@
650
648
  > >
651
649
  > > <!-- -->
652
650
  > >
653
- > > > Left Aligned Ten Wide Column:
651
+ > > > Ten Wide Column:
654
652
  > > > ##### Markdown Syntax
655
653
  > > > > Inverted Very Padded Segment:
656
654
  > > > > ``` __Facebook Button|Icon：Facebook, Facebook__ ``` <br />
@@ -677,7 +675,7 @@
677
675
  > > <!-- -->
678
676
  > >
679
677
  > > > Center Aligned Six Wide Column:
680
- > > > ##### Preview
678
+ > > > ##### Preview:Center Aligned
681
679
  > > > __Mini Button|Mini__
682
680
  > > > __Tiny Button|Tiny__
683
681
  > > > __Small Button|Small__
@@ -689,7 +687,7 @@
689
687
  > >
690
688
  > > <!-- -->
691
689
  > >
692
- > > > Left Aligned Ten Wide Column:
690
+ > > > Ten Wide Column:
693
691
  > > > ##### Markdown Syntax
694
692
  > > > > Inverted Very Padded Segment:
695
693
  > > > > ``` __Mini Button|Mini__ ``` <br />
@@ -717,7 +715,7 @@
717
715
  > > <!-- -->
718
716
  > >
719
717
  > > > Center Aligned Six Wide Column:
720
- > > > ##### Preview
718
+ > > > ##### Preview:Center Aligned
721
719
  > > > __Red Button|Red__
722
720
  > > > __Orange Button|Orange__
723
721
  > > > __Yellow Button|Yellow__
@@ -734,7 +732,7 @@
734
732
  > >
735
733
  > > <!-- -->
736
734
  > >
737
- > > > Left Aligned Ten Wide Column:
735
+ > > > Ten Wide Column:
738
736
  > > > ##### Markdown Syntax
739
737
  > > > > Inverted Very Padded Segment:
740
738
  > > > > ``` __Red Button|Red__ ``` <br />
@@ -767,14 +765,14 @@
767
765
  > > <!-- -->
768
766
  > >
769
767
  > > > Center Aligned Six Wide Column:
770
- > > > ##### Preview
768
+ > > > ##### Preview:Center Aligned
771
769
  > > > __Compact Button|Hold__
772
770
  > > > __Compact Icon Button|Icon:Pause__
773
771
  > > > __Compact Labeled Icon Button|Icon:Pause, Pause__
774
772
  > >
775
773
  > > <!-- -->
776
774
  > >
777
- > > > Left Aligned Ten Wide Column:
775
+ > > > Ten Wide Column:
778
776
  > > > ##### Markdown Syntax
779
777
  > > > > Inverted Very Padded Segment:
780
778
  > > > > ``` __Compact Button|Hold__ ``` <br />
@@ -797,13 +795,13 @@
797
795
  > > <!-- -->
798
796
  > >
799
797
  > > > Center Aligned Six Wide Column:
800
- > > > ##### Preview
798
+ > > > ##### Preview:Center Aligned
801
799
  > > > __Positive Button|Positive Button__
802
800
  > > > __Negative Button|Negative Button__
803
801
  > >
804
802
  > > <!-- -->
805
803
  > >
806
- > > > Left Aligned Ten Wide Column:
804
+ > > > Ten Wide Column:
807
805
  > > > ##### Markdown Syntax
808
806
  > > > > Inverted Very Padded Segment:
809
807
  > > > > ``` __Positive Button|Positive Button__ ``` <br />
@@ -825,12 +823,12 @@
825
823
  > > <!-- -->
826
824
  > >
827
825
  > > > Center Aligned Six Wide Column:
828
- > > > ##### Preview
826
+ > > > ##### Preview:Center Aligned
829
827
  > > > __Negative Button|Negative Button__
830
828
  > >
831
829
  > > <!-- -->
832
830
  > >
833
- > > > Left Aligned Ten Wide Column:
831
+ > > > Ten Wide Column:
834
832
  > > > ##### Markdown Syntax
835
833
  > > > > Inverted Very Padded Segment:
836
834
  > > > > ``` __Negative Button|Negative Button__ ``` <br />
@@ -851,12 +849,12 @@
851
849
  > > <!-- -->
852
850
  > >
853
851
  > > > Center Aligned Six Wide Column:
854
- > > > ##### Preview
852
+ > > > ##### Preview:Center Aligned
855
853
  > > > __Fluid Button|Fluid Button__
856
854
  > >
857
855
  > > <!-- -->
858
856
  > >
859
- > > > Left Aligned Ten Wide Column:
857
+ > > > Ten Wide Column:
860
858
  > > > ##### Markdown Syntax
861
859
  > > > > Inverted Very Padded Segment:
862
860
  > > > > ``` __Fluid Button|Fluid Button__ ``` <br />
@@ -877,12 +875,12 @@
877
875
  > > <!-- -->
878
876
  > >
879
877
  > > > Center Aligned Six Wide Column:
880
- > > > ##### Preview
878
+ > > > ##### Preview:Center Aligned
881
879
  > > > __Circular Icon Button|Icon:Settings__
882
880
  > >
883
881
  > > <!-- -->
884
882
  > >
885
- > > > Left Aligned Ten Wide Column:
883
+ > > > Ten Wide Column:
886
884
  > > > ##### Markdown Syntax
887
885
  > > > > Inverted Very Padded Segment:
888
886
  > > > > ``` __Circular Icon Button|Icon：Settings__ ``` <br />
@@ -903,7 +901,7 @@
903
901
  > > <!-- -->
904
902
  > >
905
903
  > > > Center Aligned Six Wide Column:
906
- > > > ##### Preview
904
+ > > > ##### Preview:Center Aligned
907
905
  > > > __Top Attached Focusable Button|Top__
908
906
  > > >
909
907
  > > > > Attached Segment:
@@ -913,7 +911,7 @@
913
911
  > >
914
912
  > > <!-- -->
915
913
  > >
916
- > > > Left Aligned Ten Wide Column:
914
+ > > > Ten Wide Column:
917
915
  > > > ##### Markdown Syntax
918
916
  > > > > Inverted Very Padded Segment:
919
917
  > > > > ``` __Top Attached Focusable Button|Top__ ``` <br />
@@ -926,7 +924,7 @@
926
924
  > > <!-- -->
927
925
  > >
928
926
  > > > Center Aligned Six Wide Column:
929
- > > > ##### Preview
927
+ > > > ##### Preview:Center Aligned
930
928
  > > > > Two Top Attached Buttons:
931
929
  > > > > __Button|One__
932
930
  > > > > __Button|Two__
@@ -944,7 +942,7 @@
944
942
  > >
945
943
  > > <!-- -->
946
944
  > >
947
- > > > Left Aligned Ten Wide Column:
945
+ > > > Ten Wide Column:
948
946
  > > > ##### Markdown Syntax
949
947
  > > > > Inverted Very Padded Segment:
950
948
  > > > > ```> Two Top Attached Buttons：``` <br />
@@ -975,18 +973,16 @@
975
973
  > >
976
974
  > > <!-- -->
977
975
  > >
978
- > > > Center Aligned Six Wide Column:
979
- > > > ##### Preview
980
- > > > > Buttons:
981
- > > > > __Left Attached Button|Left__
982
- > > > > __Right Attached Button|Right__
976
+ > > > Six Wide Column:
977
+ > > > ##### Preview:Center Aligned
978
+ > > > __Left Attached Button|Left__
979
+ > > > __Right Attached Button|Right__
983
980
  > >
984
981
  > > <!-- -->
985
982
  > >
986
- > > > Left Aligned Ten Wide Column:
983
+ > > > Ten Wide Column:
987
984
  > > > ##### Markdown Syntax
988
985
  > > > > Inverted Very Padded Segment:
989
- > > > > ``` > Buttons： ``` <br />
990
986
  > > > > ``` > __Left Attached Button|Left__ ``` <br />
991
987
  > > > > ``` > __Right Attached Button|Right__ ```
992
988
  >
@@ -1011,7 +1007,7 @@
1011
1007
  > > <!-- -->
1012
1008
  > >
1013
1009
  > > > Center Aligned Six Wide Column:
1014
- > > > ##### Preview
1010
+ > > > ##### Preview:Center Aligned
1015
1011
  > > > > Vertical Buttons:
1016
1012
  > > > > __Button|Feed__
1017
1013
  > > > > __Button|Messages__
@@ -1020,7 +1016,7 @@
1020
1016
  > >
1021
1017
  > > <!-- -->
1022
1018
  > >
1023
- > > > Left Aligned Ten Wide Column:
1019
+ > > > Ten Wide Column:
1024
1020
  > > > ##### Markdown Syntax
1025
1021
  > > > > Inverted Very Padded Segment:
1026
1022
  > > > > ``` > Vertical Buttons： ``` <br />
@@ -1028,7 +1024,6 @@
1028
1024
  > > > > ``` > __Button|Messages__ ``` <br />
1029
1025
  > > > > ``` > __Button|Events__ ``` <br />
1030
1026
  > > > > ``` > __Button|Photos__ ```
1031
-
1032
1027
  >
1033
1028
  > <!-- -->
1034
1029
  >
@@ -1046,7 +1041,7 @@
1046
1041
  > > <!-- -->
1047
1042
  > >
1048
1043
  > > > Center Aligned Six Wide Column:
1049
- > > > ##### Preview
1044
+ > > > ##### Preview:Center Aligned
1050
1045
  > > > > Icon Buttons:
1051
1046
  > > > > __Button|Icon:Play__
1052
1047
  > > > > __Button|Icon:Pause__
@@ -1054,14 +1049,14 @@
1054
1049
  > >
1055
1050
  > > <!-- -->
1056
1051
  > >
1057
- > > > Left Aligned Ten Wide Column:
1052
+ > > > Ten Wide Column:
1058
1053
  > > > ##### Markdown Syntax
1059
1054
  > > > > Inverted Very Padded Segment:
1060
1055
  > > > > ``` > Icon Buttons： ``` <br />
1061
1056
  > > > > ``` > __Button|Icon：Play__ ``` <br />
1062
1057
  > > > > ``` > __Button|Icon：Pause__ ``` <br />
1063
1058
  > > > > ``` > __Button|Icon：Shuffle__ ```
1064
-
1059
+ >
1065
1060
  > <!-- -->
1066
1061
  >
1067
1062
  > > Basic Segment:
@@ -1078,7 +1073,7 @@
1078
1073
  > > <!-- -->
1079
1074
  > >
1080
1075
  > > > Center Aligned Six Wide Column:
1081
- > > > ##### Preview
1076
+ > > > ##### Preview:Center Aligned
1082
1077
  > > > > Vertical Labeled Icon Buttons:
1083
1078
  > > > > __Button|Icon:Play, Play__
1084
1079
  > > > > __Button|Icon:Pause, Pause__
@@ -1086,14 +1081,14 @@
1086
1081
  > >
1087
1082
  > > <!-- -->
1088
1083
  > >
1089
- > > > Left Aligned Ten Wide Column:
1084
+ > > > Ten Wide Column:
1090
1085
  > > > ##### Markdown Syntax
1091
1086
  > > > > Inverted Very Padded Segment:
1092
1087
  > > > > ``` > Vertical Labeled Icon Buttons： ``` <br />
1093
1088
  > > > > ``` > __Button|Icon：Play, Play__ ``` <br />
1094
1089
  > > > > ``` > __Button|Icon：Pause, Pause__ ``` <br />
1095
1090
  > > > > ``` > __Button|Icon：Shuffle, Shuffle__ ```
1096
-
1091
+ >
1097
1092
  > <!-- -->
1098
1093
  >
1099
1094
  > > Basic Segment:
@@ -1110,7 +1105,7 @@
1110
1105
  > > <!-- -->
1111
1106
  > >
1112
1107
  > > > Center Aligned Six Wide Column:
1113
- > > > ##### Preview
1108
+ > > > ##### Preview:Center Aligned
1114
1109
  > > > > Buttons:
1115
1110
  > > > > __Labeled Icon Button|Icon:Left Chevron, Back__
1116
1111
  > > > > __Button|Icon:Stop, Stop__
@@ -1118,10 +1113,229 @@
1118
1113
  > >
1119
1114
  > > <!-- -->
1120
1115
  > >
1121
- > > > Left Aligned Ten Wide Column:
1116
+ > > > Ten Wide Column:
1122
1117
  > > > ##### Markdown Syntax
1123
1118
  > > > > Inverted Very Padded Segment:
1124
1119
  > > > > ``` > Buttons： ``` <br />
1125
1120
  > > > > ``` > __Labeled Icon Button|Icon：Left Chevron, Back__ ``` <br />
1126
1121
  > > > > ``` > __Button|Icon：Stop, Stop__ ``` <br />
1127
- > > > > ``` > __Right Labeled Icon Button|Icon：Right Chevron, Forward__ ```
1122
+ > > > > ``` > __Right Labeled Icon Button|Icon：Right Chevron, Forward__ ```
1123
+ >
1124
+ > <!-- -->
1125
+ >
1126
+ > > Basic Segment:
1127
+ > > #### Equal Width::equal-width
1128
+ > > "Groups can have their widths divided evenly"
1129
+ >
1130
+ > <!-- -->
1131
+ >
1132
+ > > Divided Segment Grid:
1133
+ > > > Attached Segment:
1134
+ > > > > Top Attached Label:
1135
+ > > > > Equal Width
1136
+ > >
1137
+ > > <!-- -->
1138
+ > >
1139
+ > > > Eight Wide Column:
1140
+ > > > ##### Preview:Center Aligned
1141
+ > > > > Five Buttons:
1142
+ > > > > __Button|Overview__
1143
+ > > > > __Button|Specs__
1144
+ > > > > __Button|Warranty__
1145
+ > > > > __Button|Reviews__
1146
+ > > > > __Button|Support__
1147
+ > > >
1148
+ > > > <!-- -->
1149
+ > > >
1150
+ > > > > Three Buttons:
1151
+ > > > > __Button|Overview__
1152
+ > > > > __Button|Specs__
1153
+ > > > > __Button|Support__
1154
+ > >
1155
+ > > <!-- -->
1156
+ > >
1157
+ > > > Eight Wide Column:
1158
+ > > > ##### Markdown Syntax
1159
+ > > > > Inverted Very Padded Segment:
1160
+ > > > > ``` > Five Buttons： ``` <br />
1161
+ > > > > ``` > __Button|Overview__ ``` <br />
1162
+ > > > > ``` > __Button|Specs__ ``` <br />
1163
+ > > > > ``` > __Button|Warranty__ ``` <br />
1164
+ > > > > ``` > __Button|Reviews__ ``` <br />
1165
+ > > > > ``` > __Button|Support__ ``` <br />
1166
+ > > > > ``` ``` <br />
1167
+ > > > > ``` <!-- --> ``` <br />
1168
+ > > > > ``` ``` <br />
1169
+ > > > > ``` > Three Buttons： ``` <br />
1170
+ > > > > ``` > __Button|Overview__ ``` <br />
1171
+ > > > > ``` > __Button|Specs__ ``` <br />
1172
+ > > > > ``` > __Button|Support__ ```
1173
+ >
1174
+ > <!-- -->
1175
+ >
1176
+ > > Basic Segment:
1177
+ > > #### Colored Buttons::colored-buttons
1178
+ > > "Groups can have a shared color"
1179
+ >
1180
+ > <!-- -->
1181
+ >
1182
+ > > Divided Segment Grid:
1183
+ > > > Attached Segment:
1184
+ > > > > Top Attached Label:
1185
+ > > > > Colored Buttons
1186
+ > >
1187
+ > > <!-- -->
1188
+ > >
1189
+ > > > Center Aligned Six Wide Column:
1190
+ > > > ##### Preview:Center Aligned
1191
+ > > > > Blue Buttons:
1192
+ > > > > __Button|One__
1193
+ > > > > __Button|Two__
1194
+ > > > > __Button|Three__
1195
+ > >
1196
+ > > <!-- -->
1197
+ > >
1198
+ > > > Ten Wide Column:
1199
+ > > > ##### Markdown Syntax
1200
+ > > > > Inverted Very Padded Segment:
1201
+ > > > > ``` > Blue Buttons： ``` <br />
1202
+ > > > > ``` > __Button|One__ ``` <br />
1203
+ > > > > ``` > __Button|Two__ ``` <br />
1204
+ > > > > ``` > __Button|Three__ ```
1205
+ >
1206
+ > <!-- -->
1207
+ >
1208
+ > > Basic Segment:
1209
+ > > #### Basic Buttons::basic-buttons
1210
+ > > "A button group can be less pronounced"
1211
+ >
1212
+ > <!-- -->
1213
+ >
1214
+ > > Divided Segment Grid:
1215
+ > > > Attached Segment:
1216
+ > > > > Top Attached Label:
1217
+ > > > > Basic Buttons
1218
+ > >
1219
+ > > <!-- -->
1220
+ > >
1221
+ > > > Six Wide Column:
1222
+ > > > ##### Preview:Center Aligned
1223
+ > > > > Basic Buttons:
1224
+ > > > > __Button|One__
1225
+ > > > > __Button|Two__
1226
+ > > > > __Button|Three__
1227
+ > > >
1228
+ > > > ___
1229
+ > > >
1230
+ > > > > Vertical Basic Buttons:
1231
+ > > > > __Button|One__
1232
+ > > > > __Button|Two__
1233
+ > > > > __Button|Three__
1234
+ > >
1235
+ > > <!-- -->
1236
+ > >
1237
+ > > > Ten Wide Column:
1238
+ > > > ##### Markdown Syntax
1239
+ > > > > Inverted Very Padded Segment:
1240
+ > > > > ``` > Basic Buttons： ``` <br />
1241
+ > > > > ``` > __Button|One__ ``` <br />
1242
+ > > > > ``` > __Button|Two__ ``` <br />
1243
+ > > > > ``` > __Button|Three__ ``` <br />
1244
+ > > > > ``` ``` <br />
1245
+ > > > > ``` ___ ``` <br />
1246
+ > > > > ``` ``` <br />
1247
+ > > > > ``` > Vertical Basic Buttons： ``` <br />
1248
+ > > > > ``` > __Button|One__ ``` <br />
1249
+ > > > > ``` > __Button|Two__ ``` <br />
1250
+ > > > > ``` > __Button|Three__ ```
1251
+ > >
1252
+ > > <!-- -->
1253
+ > >
1254
+ > > > Six Wide Column:
1255
+ > > > ##### Preview:Center Aligned
1256
+ > > > > Buttons:
1257
+ > > > > __Red Basic Button|One__
1258
+ > > > > __Blue Basic Button|Two__
1259
+ > > > > __Green Basic Button|Three__
1260
+ > >
1261
+ > > <!-- -->
1262
+ > >
1263
+ > > > Ten Wide Column:
1264
+ > > > ##### Markdown Syntax
1265
+ > > > > Inverted Very Padded Segment:
1266
+ > > > > ``` > Buttons： ``` <br />
1267
+ > > > > ``` > __Red Basic Button|One__ ``` <br />
1268
+ > > > > ``` > __Blue Basic Button|Two__ ``` <br />
1269
+ > > > > ``` > __Green Basic Button|Three__ ```
1270
+ >
1271
+ > <!-- -->
1272
+ >
1273
+ > > Basic Segment:
1274
+ > > #### Group Sizes::group-sizes
1275
+ > > "Groups can have a shared color"
1276
+ >
1277
+ > <!-- -->
1278
+ >
1279
+ > > Divided Segment Grid:
1280
+ > > > Attached Segment:
1281
+ > > > > Top Attached Label:
1282
+ > > > > Group Sizes
1283
+ > >
1284
+ > > <!-- -->
1285
+ > >
1286
+ > > > Center Aligned Six Wide Column:
1287
+ > > > ##### Preview:Center Aligned
1288
+ > > > > Large Buttons:
1289
+ > > > > __Button|One__
1290
+ > > > > __Button|Two__
1291
+ > > > > __Button|Three__
1292
+ > >
1293
+ > > <!-- -->
1294
+ > >
1295
+ > > > Ten Wide Column:
1296
+ > > > ##### Markdown Syntax
1297
+ > > > > Inverted Very Padded Segment:
1298
+ > > > > ``` > Blue Buttons： ``` <br />
1299
+ > > > > ``` > __Button|One__ ``` <br />
1300
+ > > > > ``` > __Button|Two__ ``` <br />
1301
+ > > > > ``` > __Button|Three__ ```
1302
+ > >
1303
+ > > <!-- -->
1304
+ > >
1305
+ > > > Center Aligned Six Wide Column:
1306
+ > > > ##### Preview:Center Aligned
1307
+ > > > > Small Basic Icon Buttons:
1308
+ > > > > __Button|Icon:File__
1309
+ > > > > __Button|Icon:Save__
1310
+ > > > > __Button|Icon:Upload__
1311
+ > > > > __Button|Icon:Download__
1312
+ > >
1313
+ > > <!-- -->
1314
+ > >
1315
+ > > > Ten Wide Column:
1316
+ > > > ##### Markdown Syntax
1317
+ > > > > Inverted Very Padded Segment:
1318
+ > > > > ``` > Small Basic Icon Buttons： ``` <br />
1319
+ > > > > ``` > __Button|Icon：File__ ``` <br />
1320
+ > > > > ``` > __Button|Icon：Save__ ``` <br />
1321
+ > > > > ``` > __Button|Icon：Upload__ ``` <br />
1322
+ > > > > ``` > __Button|Icon：Download__ ``` <br />
1323
+ > >
1324
+ > > <!-- -->
1325
+ > >
1326
+ > > > Center Aligned Six Wide Column:
1327
+ > > > ##### Preview:Center Aligned
1328
+ > > > > Large Buttons:
1329
+ > > > > __Button|One__
1330
+ > > > > __Div Tag||Or__
1331
+ > > > > __Button|Two__
1332
+ > >
1333
+ > > <!-- -->
1334
+ > >
1335
+ > > > Ten Wide Column:
1336
+ > > > ##### Markdown Syntax
1337
+ > > > > Inverted Very Padded Segment:
1338
+ > > > > ``` > Large Buttons： ``` <br />
1339
+ > > > > ``` > __Button|One__ ``` <br />
1340
+ > > > > ``` > __Div Tag||Or__ ``` <br />
1341
+ > > > > ``` > __Button|Two__ ```