sb-styleguide 0.0.9 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (163) hide show
  1. data/.codoopts +10 -0
  2. data/.env +1 -0
  3. data/.gitignore +1 -0
  4. data/.ruby-version +1 -0
  5. data/Gemfile +10 -3
  6. data/Gemfile.lock +134 -94
  7. data/Procfile +1 -0
  8. data/README.md +3 -5
  9. data/Rakefile +3 -0
  10. data/app/assets/images/layouts/basic-marketing-site.png +0 -0
  11. data/app/assets/images/layouts/jumbotron-site.png +0 -0
  12. data/app/assets/javascripts/base.js.coffee +3 -0
  13. data/app/assets/javascripts/grids.js.coffee +3 -0
  14. data/app/assets/javascripts/javascript.js.coffee +3 -0
  15. data/app/assets/javascripts/modules.js.coffee +3 -0
  16. data/app/assets/stylesheets/application-old-ie.css.scss +11 -0
  17. data/app/assets/stylesheets/application.css.scss +33 -30
  18. data/app/assets/stylesheets/base/_all.scss +6 -0
  19. data/app/assets/stylesheets/base/_reset.css.scss +16 -0
  20. data/app/assets/stylesheets/base/_type.scss +16 -0
  21. data/app/assets/stylesheets/{coderay_githubish.css.scss → modules/_coderay.css.scss} +40 -0
  22. data/app/assets/stylesheets/modules/_layout_examples.css.scss +13 -0
  23. data/app/assets/stylesheets/modules/_webfont_table.css.scss +47 -0
  24. data/app/assets/stylesheets/vanilla-normal-old-ie.css.scss +11 -0
  25. data/app/assets/stylesheets/vanilla-normal.css.scss +33 -0
  26. data/app/controllers/application_controller.rb +2 -0
  27. data/app/controllers/base_controller.rb +52 -0
  28. data/app/controllers/grids_controller.rb +48 -0
  29. data/app/controllers/javascript_controller.rb +20 -0
  30. data/app/controllers/modules_controller.rb +43 -0
  31. data/app/helpers/styleguide_helper.rb +33 -0
  32. data/app/views/base/_webfonts_social_standard.html +429 -0
  33. data/app/views/base/_webfonts_ss_standard.html +2413 -0
  34. data/app/views/base/buttons.html.haml +20 -0
  35. data/app/views/base/forms.html.haml +40 -0
  36. data/app/views/base/images.html.haml +1 -0
  37. data/app/views/base/index.html.haml +68 -0
  38. data/app/views/base/labels.html.haml +22 -0
  39. data/app/views/base/lists.html.haml +20 -0
  40. data/app/views/base/webfonts.html.haml +17 -0
  41. data/app/views/grids/index.html.haml +73 -0
  42. data/app/views/grids/layouts.html.haml +9 -0
  43. data/app/views/grids/layouts/basic-marketing-site.haml +69 -0
  44. data/app/views/grids/layouts/jumbotron-site.haml +92 -0
  45. data/app/views/layouts/_main_nav.html.haml +6 -6
  46. data/app/views/layouts/application.html.haml +6 -32
  47. data/app/views/modules/alerts.html.haml +12 -0
  48. data/app/views/modules/footer.html.haml +2 -0
  49. data/app/views/modules/index.html.haml +5 -0
  50. data/app/views/modules/nav.html.haml +12 -0
  51. data/app/views/modules/panels.html.haml +3 -0
  52. data/app/views/modules/tabs.html.haml +58 -0
  53. data/app/views/old_javascript/close.html.haml +2 -0
  54. data/app/views/old_javascript/forms.html.haml +2 -0
  55. data/app/views/old_javascript/ga_events.html.haml +2 -0
  56. data/app/views/old_javascript/index.html.haml +2 -0
  57. data/app/views/old_javascript/responsive_resize.html.haml +2 -0
  58. data/app/views/old_javascript/switch.html.haml +2 -0
  59. data/app/views/parts/base/_button.haml +3 -0
  60. data/app/views/parts/base/_button_colours.haml +4 -0
  61. data/app/views/parts/base/_button_group.haml +4 -0
  62. data/app/views/parts/base/_button_sizing.haml +3 -0
  63. data/app/views/parts/base/_button_states.haml +3 -0
  64. data/app/views/parts/base/_form_example.haml +26 -0
  65. data/app/views/parts/base/_form_example_horizontal.haml +26 -0
  66. data/app/views/parts/base/_form_group.haml +10 -0
  67. data/app/views/parts/base/_form_location.haml +3 -0
  68. data/app/views/parts/base/_labels.haml +5 -0
  69. data/app/views/parts/base/_labels_sizing.haml +3 -0
  70. data/app/views/parts/base/_list.haml +10 -0
  71. data/app/views/parts/base/_list_action.haml +5 -0
  72. data/app/views/parts/base/_list_nav.haml +12 -0
  73. data/app/views/parts/base/_list_unset.haml +10 -0
  74. data/app/views/parts/base/_type_body.haml +2 -0
  75. data/app/views/parts/base/_type_headings.haml +5 -0
  76. data/app/views/parts/base/_type_helpers.haml +3 -0
  77. data/app/views/parts/base/_type_links.haml +9 -0
  78. data/app/views/parts/base/_type_shouts.haml +4 -0
  79. data/app/views/parts/grids/_example_layout_1.haml +10 -0
  80. data/app/views/parts/grids/_live_grid.haml +29 -0
  81. data/app/views/parts/modules/_alerts.haml +11 -0
  82. data/app/views/parts/modules/_nav_footer.haml +34 -0
  83. data/app/views/parts/modules/_nav_header.haml +18 -0
  84. data/app/views/parts/modules/_panels.haml +9 -0
  85. data/app/views/parts/modules/_tabs_minimal.haml +11 -0
  86. data/app/views/parts/modules/_tabs_simple_group.haml +11 -0
  87. data/app/views/parts/modules/_tabs_simple_group_toggle.haml +11 -0
  88. data/app/views/parts/modules/_tabs_toggle.haml +5 -0
  89. data/app/views/parts/modules/_tabs_traditional.haml +11 -0
  90. data/app/views/shared/_title.html.haml +8 -0
  91. data/app/views/shared/_ui_nav.html.haml +5 -0
  92. data/app/views/ui/typography.html.haml +86 -96
  93. data/lib/sb-styleguide.rb +1 -1
  94. data/lib/sb-styleguide/version.rb +1 -1
  95. data/lib/templates/haml/scaffold/_form.html.haml +8 -0
  96. data/public/javascripts/LICENSE.html +158 -0
  97. data/public/javascripts/README.md.html +164 -0
  98. data/public/javascripts/assets/codo.css +1 -0
  99. data/public/javascripts/assets/codo.js +21 -0
  100. data/public/javascripts/assets/search_data.js +1 -0
  101. data/public/javascripts/class_index.html +215 -0
  102. data/public/javascripts/class_list.html +58 -0
  103. data/public/javascripts/classes/Close.html +259 -0
  104. data/public/javascripts/classes/GAEvent.html +231 -0
  105. data/public/javascripts/classes/ResizeHandler.html +225 -0
  106. data/public/javascripts/classes/Switch.html +318 -0
  107. data/public/javascripts/classes/TBGForm.html +373 -0
  108. data/public/javascripts/extra_list.html +36 -0
  109. data/public/javascripts/file_list.html +74 -0
  110. data/public/javascripts/files/styleguide/plugins/tbg-close.js.coffee.html +160 -0
  111. data/public/javascripts/files/styleguide/plugins/tbg-forms.js.coffee.html +160 -0
  112. data/public/javascripts/files/styleguide/plugins/tbg-ga-events.js.coffee.html +160 -0
  113. data/public/javascripts/files/styleguide/plugins/tbg-respinsiveresize.js.coffee.html +160 -0
  114. data/public/javascripts/files/styleguide/plugins/tbg-switch.js.coffee.html +160 -0
  115. data/public/javascripts/index.html +14 -0
  116. data/public/javascripts/method_list.html +187 -0
  117. data/public/javascripts/mixin_list.html +28 -0
  118. data/vendor/assets/javascripts/styleguide/plugins/doc/assets/codo.css +1 -0
  119. data/vendor/assets/javascripts/styleguide/plugins/doc/assets/codo.js +21 -0
  120. data/vendor/assets/javascripts/styleguide/plugins/doc/assets/search_data.js +1 -0
  121. data/vendor/assets/javascripts/styleguide/plugins/doc/class_index.html +194 -0
  122. data/vendor/assets/javascripts/styleguide/plugins/doc/class_list.html +58 -0
  123. data/vendor/assets/javascripts/styleguide/plugins/doc/classes/Close.html +215 -0
  124. data/vendor/assets/javascripts/styleguide/plugins/doc/classes/GAEvent.html +235 -0
  125. data/vendor/assets/javascripts/styleguide/plugins/doc/classes/ResizeHandler.html +192 -0
  126. data/vendor/assets/javascripts/styleguide/plugins/doc/classes/Switch.html +233 -0
  127. data/vendor/assets/javascripts/styleguide/plugins/doc/classes/TBGForm.html +318 -0
  128. data/vendor/assets/javascripts/styleguide/plugins/doc/extra_list.html +30 -0
  129. data/vendor/assets/javascripts/styleguide/plugins/doc/file_list.html +58 -0
  130. data/vendor/assets/javascripts/styleguide/plugins/doc/files/tbg-close.js.coffee.html +154 -0
  131. data/vendor/assets/javascripts/styleguide/plugins/doc/files/tbg-forms.js.coffee.html +154 -0
  132. data/vendor/assets/javascripts/styleguide/plugins/doc/files/tbg-ga-events.js.coffee.html +154 -0
  133. data/vendor/assets/javascripts/styleguide/plugins/doc/files/tbg-respinsiveresize.js.coffee.html +154 -0
  134. data/vendor/assets/javascripts/styleguide/plugins/doc/files/tbg-switch.js.coffee.html +154 -0
  135. data/vendor/assets/javascripts/styleguide/plugins/doc/index.html +14 -0
  136. data/vendor/assets/javascripts/styleguide/plugins/doc/method_list.html +163 -0
  137. data/vendor/assets/javascripts/styleguide/plugins/doc/mixin_list.html +28 -0
  138. data/vendor/assets/javascripts/styleguide/plugins/tbg-close.js.coffee +28 -4
  139. data/vendor/assets/javascripts/styleguide/plugins/tbg-forms.js.coffee +52 -5
  140. data/vendor/assets/javascripts/styleguide/plugins/tbg-ga-events.js.coffee +28 -8
  141. data/vendor/assets/javascripts/styleguide/plugins/tbg-respinsiveresize.js.coffee +21 -2
  142. data/vendor/assets/javascripts/styleguide/plugins/tbg-switch.js.coffee +37 -2
  143. data/vendor/assets/stylesheets/_mixins.css.scss +128 -35
  144. data/vendor/assets/stylesheets/_settings.css.scss +7 -4
  145. data/vendor/assets/stylesheets/styleguide/base/_labels.css.scss +22 -6
  146. data/vendor/assets/stylesheets/styleguide/base/_lists.css.scss +23 -18
  147. data/vendor/assets/stylesheets/styleguide/base/_type.css.scss +11 -5
  148. data/vendor/assets/stylesheets/styleguide/grid/_grid.css.scss +9 -9
  149. data/vendor/assets/stylesheets/styleguide/modules/_switch.css.scss +32 -16
  150. metadata +134 -18
  151. data/.rvmrc +0 -1
  152. data/app/helpers/application_helper.rb +0 -13
  153. data/app/helpers/javascripts_helper.rb +0 -2
  154. data/app/helpers/ui_helper.rb +0 -2
  155. data/app/mailers/.gitkeep +0 -0
  156. data/app/models/.gitkeep +0 -0
  157. data/app/views/javascripts/_js_nav.html.haml +0 -5
  158. data/app/views/javascripts/index.html.haml +0 -45
  159. data/app/views/type/_headings.haml +0 -6
  160. data/app/views/type/_paragraphs.haml +0 -4
  161. data/app/views/ui/_ui_nav.html.haml +0 -13
  162. data/vendor/assets/stylesheets/styleguide/layout/_all.css.scss +0 -5
  163. data/vendor/plugins/.gitkeep +0 -0
@@ -0,0 +1,33 @@
1
+ require 'coderay'
2
+
3
+ module StyleguideHelper
4
+
5
+ def example
6
+ capture_haml do
7
+ haml_tag :div, :class => "sg-example" do
8
+ yield
9
+ end
10
+ end
11
+ end
12
+
13
+ def example( section, partial )
14
+ contents = File.open(Rails.root.join("app/views/parts/#{section}/_#{partial}.haml")).read
15
+ haml_contents = Haml::Engine.new(contents).render
16
+ code_contents = CodeRay.scan( contents , :haml).div(:line_numbers => :table)
17
+ "<div><div class='sg-example'>#{haml_contents}</div>#{code_contents}</div>".html_safe
18
+ end
19
+
20
+ def nav_link(text, path)
21
+ classes = ""
22
+ classes += "is-active" if path.include? controller.controller_name
23
+ content_tag :li, link_to( text, path), class: classes
24
+ end
25
+
26
+ def sassie_stylesheets(file)
27
+ ie_stylesheet = stylesheet_link_tag file + '-old-ie'
28
+ non_ie_stylesheet = stylesheet_link_tag file
29
+
30
+ "<!--[if lte IE 8]>#{ie_stylesheet}<![endif]-->\n<!--[if gt IE 8]><!-->#{non_ie_stylesheet}<!--<![endif]-->".html_safe
31
+ end
32
+
33
+ end
@@ -0,0 +1,429 @@
1
+ # encoding: UTF-8
2
+ <table cellpadding="10px" class="webfonts-example" >
3
+ <tr>
4
+ <td class='ss-icon ss-social'>
5
+ &#xF610;
6
+ </td>
7
+ <td class='encode'>
8
+ <ul>
9
+ <li class='css'>.ss-facebook</li>
10
+ <li class='unicode'>&amp;#xF610;</li>
11
+ </ul>
12
+ </td>
13
+ <td class='keyword'>
14
+ <ul>
15
+ <li>facebook</li>
16
+ </ul>
17
+ </td>
18
+ </tr>
19
+ <tr>
20
+ <td class='ss-icon ss-social'>
21
+ &#xF611;
22
+ </td>
23
+ <td class='encode'>
24
+ <ul>
25
+ <li class='css'>.ss-twitter</li>
26
+ <li class='unicode'>&amp;#xF611;</li>
27
+ </ul>
28
+ </td>
29
+ <td class='keyword'>
30
+ <ul>
31
+ <li>twitter</li>
32
+ </ul>
33
+ </td>
34
+ </tr>
35
+ <tr>
36
+ <td class='ss-icon ss-social'>
37
+ &#xF612;
38
+ </td>
39
+ <td class='encode'>
40
+ <ul>
41
+ <li class='css'>.ss-linkedin</li>
42
+ <li class='unicode'>&amp;#xF612;</li>
43
+ </ul>
44
+ </td>
45
+ <td class='keyword'>
46
+ <ul>
47
+ <li>linkedin</li>
48
+ </ul>
49
+ </td>
50
+ </tr>
51
+ <tr>
52
+ <td class='ss-icon ss-social'>
53
+ &#xF613;
54
+ </td>
55
+ <td class='encode'>
56
+ <ul>
57
+ <li class='css'>.ss-googleplus</li>
58
+ <li class='unicode'>&amp;#xF613;</li>
59
+ </ul>
60
+ </td>
61
+ <td class='keyword'>
62
+ <ul>
63
+ <li>google+</li>
64
+ <li>googleplus</li>
65
+ </ul>
66
+ </td>
67
+ </tr>
68
+ <tr>
69
+ <td class='ss-icon ss-social'>
70
+ &#xF620;
71
+ </td>
72
+ <td class='encode'>
73
+ <ul>
74
+ <li class='css'>.ss-tumblr</li>
75
+ <li class='unicode'>&amp;#xF620;</li>
76
+ </ul>
77
+ </td>
78
+ <td class='keyword'>
79
+ <ul>
80
+ <li>tumblr</li>
81
+ </ul>
82
+ </td>
83
+ </tr>
84
+ <tr>
85
+ <td class='ss-icon ss-social'>
86
+ &#xF621;
87
+ </td>
88
+ <td class='encode'>
89
+ <ul>
90
+ <li class='css'>.ss-wordpress</li>
91
+ <li class='unicode'>&amp;#xF621;</li>
92
+ </ul>
93
+ </td>
94
+ <td class='keyword'>
95
+ <ul>
96
+ <li>wordpress</li>
97
+ </ul>
98
+ </td>
99
+ </tr>
100
+ <tr>
101
+ <td class='ss-icon ss-social'>
102
+ &#xF622;
103
+ </td>
104
+ <td class='encode'>
105
+ <ul>
106
+ <li class='css'>.ss-blogger</li>
107
+ <li class='unicode'>&amp;#xF622;</li>
108
+ </ul>
109
+ </td>
110
+ <td class='keyword'>
111
+ <ul>
112
+ <li>blogger</li>
113
+ </ul>
114
+ </td>
115
+ </tr>
116
+ <tr>
117
+ <td class='ss-icon ss-social'>
118
+ &#xF623;
119
+ </td>
120
+ <td class='encode'>
121
+ <ul>
122
+ <li class='css'>.ss-posterous</li>
123
+ <li class='unicode'>&amp;#xF623;</li>
124
+ </ul>
125
+ </td>
126
+ <td class='keyword'>
127
+ <ul>
128
+ <li>posterous</li>
129
+ </ul>
130
+ </td>
131
+ </tr>
132
+ <tr>
133
+ <td class='ss-icon ss-social'>
134
+ &#xF630;
135
+ </td>
136
+ <td class='encode'>
137
+ <ul>
138
+ <li class='css'>.ss-youtube</li>
139
+ <li class='unicode'>&amp;#xF630;</li>
140
+ </ul>
141
+ </td>
142
+ <td class='keyword'>
143
+ <ul>
144
+ <li>youtube</li>
145
+ </ul>
146
+ </td>
147
+ </tr>
148
+ <tr>
149
+ <td class='ss-icon ss-social'>
150
+ &#xF631;
151
+ </td>
152
+ <td class='encode'>
153
+ <ul>
154
+ <li class='css'>.ss-vimeo</li>
155
+ <li class='unicode'>&amp;#xF631;</li>
156
+ </ul>
157
+ </td>
158
+ <td class='keyword'>
159
+ <ul>
160
+ <li>vimeo</li>
161
+ </ul>
162
+ </td>
163
+ </tr>
164
+ <tr>
165
+ <td class='ss-icon ss-social'>
166
+ &#xF640;
167
+ </td>
168
+ <td class='encode'>
169
+ <ul>
170
+ <li class='css'>.ss-flickr</li>
171
+ <li class='unicode'>&amp;#xF640;</li>
172
+ </ul>
173
+ </td>
174
+ <td class='keyword'>
175
+ <ul>
176
+ <li>flickr</li>
177
+ </ul>
178
+ </td>
179
+ </tr>
180
+ <tr>
181
+ <td class='ss-icon ss-social'>
182
+ &#xF641;
183
+ </td>
184
+ <td class='encode'>
185
+ <ul>
186
+ <li class='css'>.ss-instagram</li>
187
+ <li class='unicode'>&amp;#xF641;</li>
188
+ </ul>
189
+ </td>
190
+ <td class='keyword'>
191
+ <ul>
192
+ <li>instagram</li>
193
+ </ul>
194
+ </td>
195
+ </tr>
196
+ <tr>
197
+ <td class='ss-icon ss-social'>
198
+ &#xF650;
199
+ </td>
200
+ <td class='encode'>
201
+ <ul>
202
+ <li class='css'>.ss-pinterest</li>
203
+ <li class='unicode'>&amp;#xF650;</li>
204
+ </ul>
205
+ </td>
206
+ <td class='keyword'>
207
+ <ul>
208
+ <li>pinterest</li>
209
+ </ul>
210
+ </td>
211
+ </tr>
212
+ <tr>
213
+ <td class='ss-icon ss-social'>
214
+ &#xF660;
215
+ </td>
216
+ <td class='encode'>
217
+ <ul>
218
+ <li class='css'>.ss-dribbble</li>
219
+ <li class='unicode'>&amp;#xF660;</li>
220
+ </ul>
221
+ </td>
222
+ <td class='keyword'>
223
+ <ul>
224
+ <li>dribbble</li>
225
+ </ul>
226
+ </td>
227
+ </tr>
228
+ <tr>
229
+ <td class='ss-icon ss-social'>
230
+ &#xF661;
231
+ </td>
232
+ <td class='encode'>
233
+ <ul>
234
+ <li class='css'>.ss-behance</li>
235
+ <li class='unicode'>&amp;#xF661;</li>
236
+ </ul>
237
+ </td>
238
+ <td class='keyword'>
239
+ <ul>
240
+ <li>behance</li>
241
+ </ul>
242
+ </td>
243
+ </tr>
244
+ <tr>
245
+ <td class='ss-icon ss-social'>
246
+ &#xF670;
247
+ </td>
248
+ <td class='encode'>
249
+ <ul>
250
+ <li class='css'>.ss-github</li>
251
+ <li class='unicode'>&amp;#xF670;</li>
252
+ </ul>
253
+ </td>
254
+ <td class='keyword'>
255
+ <ul>
256
+ <li>github</li>
257
+ </ul>
258
+ </td>
259
+ </tr>
260
+ <tr>
261
+ <td class='ss-icon ss-social'>
262
+ &#xF671;
263
+ </td>
264
+ <td class='encode'>
265
+ <ul>
266
+ <li class='css'>.ss-octocat</li>
267
+ <li class='unicode'>&amp;#xF671;</li>
268
+ </ul>
269
+ </td>
270
+ <td class='keyword'>
271
+ <ul>
272
+ <li>github octocat </li>
273
+ <li>octocat</li>
274
+ </ul>
275
+ </td>
276
+ </tr>
277
+ <tr>
278
+ <td class='ss-icon ss-social'>
279
+ &#xF680;
280
+ </td>
281
+ <td class='encode'>
282
+ <ul>
283
+ <li class='css'>.ss-paypal</li>
284
+ <li class='unicode'>&amp;#xF680;</li>
285
+ </ul>
286
+ </td>
287
+ <td class='keyword'>
288
+ <ul>
289
+ <li>paypal</li>
290
+ </ul>
291
+ </td>
292
+ </tr>
293
+ <tr>
294
+ <td class='ss-icon ss-social'>
295
+ &#xF690;
296
+ </td>
297
+ <td class='encode'>
298
+ <ul>
299
+ <li class='css'>.ss-foursquare</li>
300
+ <li class='unicode'>&amp;#xF690;</li>
301
+ </ul>
302
+ </td>
303
+ <td class='keyword'>
304
+ <ul>
305
+ <li>foursquare</li>
306
+ </ul>
307
+ </td>
308
+ </tr>
309
+ <tr>
310
+ <td class='ss-icon ss-social'>
311
+ &#xF6A0;
312
+ </td>
313
+ <td class='encode'>
314
+ <ul>
315
+ <li class='css'>.ss-skype</li>
316
+ <li class='unicode'>&amp;#xF6A0;</li>
317
+ </ul>
318
+ </td>
319
+ <td class='keyword'>
320
+ <ul>
321
+ <li>skype</li>
322
+ </ul>
323
+ </td>
324
+ </tr>
325
+ <tr>
326
+ <td class='ss-icon ss-social'>
327
+ &#xF6B0;
328
+ </td>
329
+ <td class='encode'>
330
+ <ul>
331
+ <li class='css'>.ss-rdio</li>
332
+ <li class='unicode'>&amp;#xF6B0;</li>
333
+ </ul>
334
+ </td>
335
+ <td class='keyword'>
336
+ <ul>
337
+ <li>rdio</li>
338
+ </ul>
339
+ </td>
340
+ </tr>
341
+ <tr>
342
+ <td class='ss-icon ss-social'>
343
+ &#xF6B1;
344
+ </td>
345
+ <td class='encode'>
346
+ <ul>
347
+ <li class='css'>.ss-spotify</li>
348
+ <li class='unicode'>&amp;#xF6B1;</li>
349
+ </ul>
350
+ </td>
351
+ <td class='keyword'>
352
+ <ul>
353
+ <li>spotify</li>
354
+ </ul>
355
+ </td>
356
+ </tr>
357
+ <tr>
358
+ <td class='ss-icon ss-social'>
359
+ &#xF6B2;
360
+ </td>
361
+ <td class='encode'>
362
+ <ul>
363
+ <li class='css'>.ss-lastfm</li>
364
+ <li class='unicode'>&amp;#xF6B2;</li>
365
+ </ul>
366
+ </td>
367
+ <td class='keyword'>
368
+ <ul>
369
+ <li>lastfm</li>
370
+ <li>last fm</li>
371
+ </ul>
372
+ </td>
373
+ </tr>
374
+ <tr>
375
+ <td class='ss-icon ss-social'>
376
+ &#x2709;
377
+ </td>
378
+ <td class='encode'>
379
+ <ul>
380
+ <li class='css'>.ss-mail</li>
381
+ <li class='unicode'>&amp;#x2709;</li>
382
+ </ul>
383
+ </td>
384
+ <td class='keyword'>
385
+ <ul>
386
+ <li>email</li>
387
+ <li>envelope</li>
388
+ <li>mail</li>
389
+ </ul>
390
+ </td>
391
+ </tr>
392
+ <tr>
393
+ <td class='ss-icon ss-social'>
394
+ &#x1F44D;
395
+ </td>
396
+ <td class='encode'>
397
+ <ul>
398
+ <li class='css'>.ss-like</li>
399
+ <li class='unicode'>&amp;#x1F44D;</li>
400
+ </ul>
401
+ </td>
402
+ <td class='keyword'>
403
+ <ul>
404
+ <li>approve</li>
405
+ <li>like</li>
406
+ <li>thumbsup</li>
407
+ <li>thumbs up</li>
408
+ </ul>
409
+ </td>
410
+ </tr>
411
+ <tr>
412
+ <td class='ss-icon ss-social'>
413
+ &#xE310;
414
+ </td>
415
+ <td class='encode'>
416
+ <ul>
417
+ <li class='css'>.ss-rss</li>
418
+ <li class='unicode'>&amp;#xE310;</li>
419
+ </ul>
420
+ </td>
421
+ <td class='keyword'>
422
+ <ul>
423
+ <li>rss</li>
424
+ </ul>
425
+ </td>
426
+ </tr>
427
+ </table>
428
+
429
+