markdown-ui 0.1.9 → 0.1.10

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.
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__ ```