|
27 | 27 | <h3>Font-awesome</h3> |
28 | 28 | <p>The iconic SVG, font, and CSS toolkit</p> |
29 | 29 | <h4>Examples</h4> |
30 | | - <i class="fa fa-arrow-left fa-2x mr"></i> |
31 | | - <i class="fa fa-github fa-2x mr"></i> |
32 | | - <i class="fa fa-bath fa-2x mr"></i> |
33 | | - <i class="fa fa-grav fa-2x mr"></i> |
| 30 | + <i class="fa fa-arrow-left fa-2x me-1"></i> |
| 31 | + <i class="fa fa-github fa-2x me-1"></i> |
| 32 | + <i class="fa fa-bath fa-2x me-1"></i> |
| 33 | + <i class="fa fa-grav fa-2x me-1"></i> |
34 | 34 | <i class="fa fa-telegram fa-2x"></i> |
35 | 35 | <vue-code-highlight>{{fontAwesomeCode}}</vue-code-highlight> |
36 | 36 | <p class="lead">Want to see examples? |
|
44 | 44 | <h3>Glyphicons-halflings</h3> |
45 | 45 | <p>TIncludes over 250 glyphs in font format from the Glyphicon Halflings set</p> |
46 | 46 | <h4>Examples</h4> |
47 | | - <i class="glyphicon glyphicon-asterisk mr"></i> |
48 | | - <i class="glyphicon glyphicon-heart mr"></i> |
49 | | - <i class="glyphicon glyphicon-home mr"></i> |
50 | | - <i class="glyphicon glyphicon-refresh mr"></i> |
| 47 | + <i class="glyphicon glyphicon-asterisk me-1"></i> |
| 48 | + <i class="glyphicon glyphicon-heart me-1"></i> |
| 49 | + <i class="glyphicon glyphicon-home me-1"></i> |
| 50 | + <i class="glyphicon glyphicon-refresh me-1"></i> |
51 | 51 | <i class="glyphicon glyphicon-camera"></i> |
52 | 52 | <vue-code-highlight>{{glyphiconCode}}</vue-code-highlight> |
53 | 53 | <p class="lead">Want to see examples? |
|
61 | 61 | <h3>Line-awesome</h3> |
62 | 62 | <p>A single file that replaces Font Awesome with modern line icons.</p> |
63 | 63 | <h4>Examples</h4> |
64 | | - <i class="la la-arrow-left la-2x mr"></i> |
65 | | - <i class="la la-github la-2x mr"></i> |
66 | | - <i class="la la-facebook la-2x mr"></i> |
| 64 | + <i class="la la-arrow-left la-2x me-0"></i> |
| 65 | + <i class="la la-github la-2x me-0"></i> |
| 66 | + <i class="la la-facebook la-2x me-0"></i> |
67 | 67 | <vue-code-highlight>{{lineAwesomeCode}}</vue-code-highlight> |
68 | | - <p className="lead">Want to see examples? |
| 68 | + <p class="lead">Want to see examples? |
69 | 69 | <router-link to="/app/ui/icons">Click</router-link> |
70 | 70 | </p> |
71 | 71 | <p>For more examples and documentation please refer to <a href="https://github.com/FortAwesome/Font-Awesome" |
|
78 | 78 | <h4>Example</h4> |
79 | 79 | <mavon-editor id="markdown-editor" language="en"/> |
80 | 80 | <vue-code-highlight><mavon-editor id="markdown-editor" language="en" v-model="mdContent"/></vue-code-highlight> |
81 | | - <p className="lead">Want to see examples? |
| 81 | + <p class="lead">Want to see examples? |
82 | 82 | <router-link to="/app/ui/icons">Click</router-link> |
83 | 83 | </p> |
84 | 84 | <p>For more examples and documentation please refer to <a href="https://github.com/hinesboy/mavonEditor" |
|
321 | 321 | intPhoneModel: null, |
322 | 322 | datepickerText: '', |
323 | 323 | defaultSelect: 'Andromeda Galaxy', |
324 | | - fontAwesomeCode: '<i ></i>\n' + |
325 | | - '<i class="fa fa-github fa-2x mr"></i>\n' + |
326 | | - '<i class="fa fa-bath fa-2x mr"></i>\n' + |
327 | | - '<i class="fa fa-grav fa-2x mr"></i>\n' + |
| 324 | + fontAwesomeCode: '<i class="fa fa-arrow-left fa-2x me-0"></i>\n' + |
| 325 | + '<i class="fa fa-github fa-2x me-0"></i>\n' + |
| 326 | + '<i class="fa fa-bath fa-2x me-0"></i>\n' + |
| 327 | + '<i class="fa fa-grav fa-2x me-0"></i>\n' + |
328 | 328 | '<i class="fa fa-telegram fa-2x"></i>', |
329 | | - glyphiconCode: '<i class="glyphicon glyphicon-asterisk mr"></i>\n' + |
330 | | - '<i class="glyphicon glyphicon-heart mr"></i>\n' + |
331 | | - '<i class="glyphicon glyphicon-home mr"></i>\n' + |
332 | | - '<i class="glyphicon glyphicon-refresh mr"></i>\n' + |
| 329 | + glyphiconCode: '<i class="glyphicon glyphicon-asterisk me-0"></i>\n' + |
| 330 | + '<i class="glyphicon glyphicon-heart me-0"></i>\n' + |
| 331 | + '<i class="glyphicon glyphicon-home me-0"></i>\n' + |
| 332 | + '<i class="glyphicon glyphicon-refresh me-0"></i>\n' + |
333 | 333 | '<i class="glyphicon glyphicon-camera"></i>', |
334 | | - lineAwesomeCode: '<i class="la la-arrow-left la-2x mr"></i>\n' + |
335 | | - '<i class="la la-github la-2x mr"></i>\n' + |
336 | | - '<i class="la la-facebook la-2x mr"></i>', |
| 334 | + lineAwesomeCode: '<i class="la la-arrow-left la-2x me-0"></i>\n' + |
| 335 | + '<i class="la la-github la-2x me-0"></i>\n' + |
| 336 | + '<i class="la la-facebook la-2x me-0"></i>', |
337 | 337 | vueColorCode: '<b-input-group class="colorpicker-wrapper">\n' + |
338 | 338 | ' <input type="text" class="form-control" :value="color.hex"/>\n' + |
339 | 339 | ' <Chrome\n' + |
|
0 commit comments