Skip to content
Snippets Groups Projects
Commit 6cd03cbb authored by Andie Hunt's avatar Andie Hunt
Browse files

link to font awesome

parent f6849a49
No related branches found
No related tags found
No related merge requests found
...@@ -204,38 +204,38 @@ used: ...@@ -204,38 +204,38 @@ used:
| Class | Meaning within CiviCRM | Compare with | | Class | Meaning within CiviCRM | Compare with |
| -- | -- | -- | | -- | -- | -- |
| `.fa-trash` | delete something that's already been saved | `.fa-times` to cancel something that hasn't been saved yet<br/><br/>`.fa-undo` to roll back a bigger process | | `[.fa-trash](http://fontawesome.io/icon/trash)` | delete something that's already been saved | `[.fa-times](http://fontawesome.io/icon/times)` to cancel something that hasn't been saved yet<br/><br/>`[.fa-undo](http://fontawesome.io/icon/undo)` to roll back a bigger process |
| `.fa-arrows` | move something (anywhere) | `.fa-chevron-left` and `.fa-chevron-right` to advance through a series | | `[.fa-arrows](http://fontawesome.io/icon/arrows)` | move something (anywhere) | `[.fa-chevron-left](http://fontawesome.io/icon/chevron-left)` and `[.fa-chevron-right](http://fontawesome.io/icon/chevron-right)` to advance through a series |
| `.fa-trophy` | award something a prize | `.fa-check` to confirm something | | `[.fa-trophy](http://fontawesome.io/icon/trophy)` | award something a prize | `[.fa-check](http://fontawesome.io/icon/check)` to confirm something |
| `.fa-random` | swap places | | | `[.fa-random](http://fontawesome.io/icon/random)` | swap places | |
| `.fa-print` | print something | | | `[.fa-print](http://fontawesome.io/icon/print)` | print something | |
| `.fa-clipboard` | paste something, or file onto a case | | | `[.fa-clipboard](http://fontawesome.io/icon/clipboard)` | paste something, or file onto a case | |
| `.fa-undo` | undo (or revert) things | `.fa-chevron-left` to move backwards in a process (revert things in accounting)<br/><br/>`.fa-trash` to delete something<br/><br/>`.fa-times` to remove something (that hasn't yet been saved) or to exit without saving | | `[.fa-undo](http://fontawesome.io/icon/undo)` | undo (or revert) things | `[.fa-chevron-left](http://fontawesome.io/icon/chevron-left)` to move backwards in a process (revert things in accounting)<br/><br/>`[.fa-trash](http://fontawesome.io/icon/trash)` to delete something<br/><br/>`[.fa-times](http://fontawesome.io/icon/times)` to remove something (that hasn't yet been saved) or to exit without saving |
| `.fa-info-circle` | highlight information | `.fa-lightbulb-o` to highlight a tip or suggestion<br/><br/>`.fa-exclamation-triangle` to highlight a danger | | `[.fa-info-circle](http://fontawesome.io/icon/info-circle)` | highlight information | `[.fa-lightbulb-o](http://fontawesome.io/icon/lightbulb-o)` to highlight a tip or suggestion<br/><br/>`[.fa-exclamation-triangle](http://fontawesome.io/icon/exclamation-triangle)` to highlight a danger |
| `.fa-list-alt` | display the details of something | `.fa-television` to preview something<br/><br/>`.fa-expand` and `.fa-compress` to make something full-screen or a window | `[.fa-list-alt](http://fontawesome.io/icon/list-alt)` | display the details of something | `[.fa-television](http://fontawesome.io/icon/television)` to preview something<br/><br/>`[.fa-expand](http://fontawesome.io/icon/expand)` and `[.fa-compress](http://fontawesome.io/icon/compress)` to make something full-screen or a window
| `.fa-bars` | open a menu of options | `.fa-chevron-right` to advance to the next thing<br/><br/>`.fa-expand` to make something full-screen | | `[.fa-bars](http://fontawesome.io/icon/bars)` | open a menu of options | `[.fa-chevron-right](http://fontawesome.io/icon/chevron-right)` to advance to the next thing<br/><br/>`[.fa-expand](http://fontawesome.io/icon/expand)` to make something full-screen |
| `.fa-search` | search for things | `.fa-list-alt` to display details<br/><br/>`.fa-search-plus` to zoom in | | `[.fa-search](http://fontawesome.io/icon/search)` | search for things | `[.fa-list-alt](http://fontawesome.io/icon/list-alt)` to display details<br/><br/>`[.fa-search-plus](http://fontawesome.io/icon/search-plus)` to zoom in |
| `.fa-lightbulb-o` | an idea to consider | `.fa-bolt` to execute something bold<br/><br/>`.fa-info-circle` to provide normative information<br/><br/>`.fa-exclamation-triangle` to highlight a danger | | `[.fa-lightbulb-o](http://fontawesome.io/icon/lightbulb-o)` | an idea to consider | `[.fa-bolt](http://fontawesome.io/icon/bolt)` to execute something bold<br/><br/>`[.fa-info-circle](http://fontawesome.io/icon/info-circle)` to provide normative information<br/><br/>`[.fa-exclamation-triangle](http://fontawesome.io/icon/exclamation-triangle)` to highlight a danger |
| `.fa-pencil` | edit a value | `.fa-wrench` to edit configuration<br/><br/>`.fa-floppy-o` to save a value | | `[.fa-pencil](http://fontawesome.io/icon/pencil)` | edit a value | `[.fa-wrench](http://fontawesome.io/icon/wrench)` to edit configuration<br/><br/>`[.fa-floppy-o](http://fontawesome.io/icon/floppy-o)` to save a value |
| `.fa-exclamation-triangle` | provide a warning | `.fa-info-circle` to give information<br/><br/>`.fa-lightbulb-o` to highlight a tip or suggestion | | `[.fa-exclamation-triangle](http://fontawesome.io/icon/exclamation-triangle)` | provide a warning | `[.fa-info-circle](http://fontawesome.io/icon/info-circle)` to give information<br/><br/>`[.fa-lightbulb-o](http://fontawesome.io/icon/lightbulb-o)` to highlight a tip or suggestion |
| `.fa-expand` | make a UI element bigger | | | `[.fa-expand](http://fontawesome.io/icon/expand)` | make a UI element bigger | |
| `.fa-compress` | make a UI element smaller, or merge two things together | | | `[.fa-compress](http://fontawesome.io/icon/compress)` | make a UI element smaller, or merge two things together | |
| `.fa-rocket` | embark upon an adventure | `.fa-chevron-right` to advance to something less exciting and/or fraught with danger<br/><br/>`.fa-check` to agree to something that is already a done deal<br/><br/>`.fa-flag-checkered` to finish a long process<br/><br/>`.fa-space-shuttle` if you need to access your payload with the Canada Arm | | `[.fa-rocket](http://fontawesome.io/icon/rocket)` | embark upon an adventure | `[.fa-chevron-right](http://fontawesome.io/icon/chevron-right)` to advance to something less exciting and/or fraught with danger<br/><br/>`[.fa-check](http://fontawesome.io/icon/check)` to agree to something that is already a done deal<br/><br/>`[.fa-flag-checkered](http://fontawesome.io/icon/flag-checkered)` to finish a long process<br/><br/>`[.fa-space-shuttle](http://fontawesome.io/icon/space-shuttle)` if you need to access your payload with the Canada Arm |
| `.fa-plus-circle` | add a new item | *if you have several of these side-by-side, try to provide more illustrative icons for what you're adding*<br/><br/>`.fa-bolt` to force a new thing | | `[.fa-plus-circle](http://fontawesome.io/icon/plus-circle)` | add a new item | *if you have several of these side-by-side, try to provide more illustrative icons for what you're adding*<br/><br/>`[.fa-bolt](http://fontawesome.io/icon/bolt)` to force a new thing |
| `.fa-bolt` | execute something forcefully | `.fa-floppy-o` to save something normally<br/><br/>`.fa-check` to agree to something innocuous<br/><br/>`.fa-chevron-right` to advance to the next step<br/><br/>`.fa-trash` to delete something<br/><br/>`.fa-undo` to revert to something | | `[.fa-bolt](http://fontawesome.io/icon/bolt)` | execute something forcefully | `[.fa-floppy-o](http://fontawesome.io/icon/floppy-o)` to save something normally<br/><br/>`[.fa-check](http://fontawesome.io/icon/check)` to agree to something innocuous<br/><br/>`[.fa-chevron-right](http://fontawesome.io/icon/chevron-right)` to advance to the next step<br/><br/>`[.fa-trash](http://fontawesome.io/icon/trash)` to delete something<br/><br/>`[.fa-undo](http://fontawesome.io/icon/undo)` to revert to something |
| `.fa-television` | preview something | `.fa-search` to search for things<br/><br/>`.fa-list-alt` to view the details of something<br/><br/>`.fa-times` to close the edit dialog and see the thing itself | | `[.fa-television](http://fontawesome.io/icon/television)` | preview something | `[.fa-search](http://fontawesome.io/icon/search)` to search for things<br/><br/>`[.fa-list-alt](http://fontawesome.io/icon/list-alt)` to view the details of something<br/><br/>`[.fa-times](http://fontawesome.io/icon/times)` to close the edit dialog and see the thing itself |
| `.fa-times` | close something without saving anything, or remove something that hasn't yet been saved | fa-trash to delete something that has been saved already<br/><br/>`.fa-check` to complete something (that has just been saved or that is to be saved upon clicking the icon)<br/><br/>`.fa-undo` to roll something back<br/><br/>`.fa-chevron-left` to return to the previous step | | `[.fa-times](http://fontawesome.io/icon/times)` | close something without saving anything, or remove something that hasn't yet been saved | `[.fa-trash](http://fontawesome.io/icon/trash)` to delete something that has been saved already<br/><br/>`[.fa-check](http://fontawesome.io/icon/check)` to complete something (that has just been saved or that is to be saved upon clicking the icon)<br/><br/>`[.fa-undo](http://fontawesome.io/icon/undo)` to roll something back<br/><br/>`[.fa-chevron-left](http://fontawesome.io/icon/chevron-left)` to return to the previous step |
| `.fa-check` | complete something | `.fa-times` to close out without doing anything<br/><br/>`.fa-chevron-right` to advance to the next step<br/><br/>`.fa-flag-checkered` to complete something major<br/><br/>`.fa-rocket` to agree to start something big<br/><br/>`.fa-bolt` to execute something bold | | `[.fa-check](http://fontawesome.io/icon/check)` | complete something | `[.fa-times](http://fontawesome.io/icon/times)` to close out without doing anything<br/><br/>`[.fa-chevron-right](http://fontawesome.io/icon/chevron-right)` to advance to the next step<br/><br/>`[.fa-flag-checkered](http://fontawesome.io/icon/flag-checkered)` to complete something major<br/><br/>`[.fa-rocket](http://fontawesome.io/icon/rocket)` to agree to start something big<br/><br/>`[.fa-bolt](http://fontawesome.io/icon/bolt)` to execute something bold |
| `.fa-chevron-right` | advance to the next thing | `.fa-check` to complete something<br/><br/>`.fa-rocket` to start an epic journey | | `[.fa-chevron-right](http://fontawesome.io/icon/chevron-right)` | advance to the next thing | `[.fa-check](http://fontawesome.io/icon/check)` to complete something<br/><br/>`[.fa-rocket](http://fontawesome.io/icon/rocket)` to start an epic journey |
| `.fa-chevron-left` | go back | `.fa-times` to cancel the process<br/><br/>`.fa-undo` to revert what was done | | `[.fa-chevron-left](http://fontawesome.io/icon/chevron-left)` | go back | `[.fa-times](http://fontawesome.io/icon/times)` to cancel the process<br/><br/>`[.fa-undo](http://fontawesome.io/icon/undo)` to revert what was done |
| `.fa-floppy-o` | save without advancing | `.fa-check` to save and complete<br/><br/>`.fa-pencil` to start editing a value | | `[.fa-floppy-o](http://fontawesome.io/icon/floppy-o)` | save without advancing | `[.fa-check](http://fontawesome.io/icon/check)` to save and complete<br/><br/>`[.fa-pencil](http://fontawesome.io/icon/pencil)` to start editing a value |
| `.fa-wrench` | modify options | `.fa-pencil` to edit values<br/><br/>`.fa-bolt` to do something drastic | | `[.fa-wrench](http://fontawesome.io/icon/wrench)` | modify options | `[.fa-pencil](http://fontawesome.io/icon/pencil)` to edit values<br/><br/>`[.fa-bolt](http://fontawesome.io/icon/bolt)` to do something drastic |
| `.fa-paper-plane` | send something | `.fa-envelope` to do something else about email<br/><br/>`.fa-check`, `.fa-chevron-right`, `.fa-bolt`, `.fa-rocket` or others if you are doing an action that does not send a message immediately<br/><br/>`.fa-fax` to send something on curly paper | | `[.fa-paper-plane](http://fontawesome.io/icon/paper-plane)` | send something | `[.fa-envelope](http://fontawesome.io/icon/envelope)` to do something else about email<br/><br/>`[.fa-check](http://fontawesome.io/icon/check)`, `[.fa-chevron-right](http://fontawesome.io/icon/chevron-right)`, `[.fa-bolt](http://fontawesome.io/icon/bolt)`, `[.fa-rocket](http://fontawesome.io/icon/rocket)` or others if you are doing an action that does not send a message immediately<br/><br/>`[.fa-fax](http://fontawesome.io/icon/fax)` to send something on curly paper |
| `.fa-envelope` | do something about email other than actually sending it *(use judiciously when within CiviMail, where everything is about email)* | `.fa-paper-plane` to actually send an email<br/><br/>`.fa-pencil` to edit a value | | `[.fa-envelope](http://fontawesome.io/icon/envelope)` | do something about email other than actually sending it *(use judiciously when within CiviMail, where everything is about email)* | `[.fa-paper-plane](http://fontawesome.io/icon/paper-plane)` to actually send an email<br/><br/>`[.fa-pencil](http://fontawesome.io/icon/pencil)` to edit a value |
| `.fa-flag-checkered` | complete a multi-step action | `.fa-trophy` to award a prize<br/><br/>`.fa-check` to finish something quick | | `[.fa-flag-checkered](http://fontawesome.io/icon/flag-checkered)` | complete a multi-step action | `[.fa-trophy](http://fontawesome.io/icon/trophy)` to award a prize<br/><br/>`[.fa-check](http://fontawesome.io/icon/check)` to finish something quick |
| `.fa-bell-o` | sound alarms | `.fa-paper-plane` to send an email notification<br/><br/>`.fa-exclamation-triangle` to highlight something dangerous | | `[.fa-bell-o](http://fontawesome.io/icon/bell-o)` | sound alarms | `[.fa-paper-plane](http://fontawesome.io/icon/paper-plane)` to send an email notification<br/><br/>`[.fa-exclamation-triangle](http://fontawesome.io/icon/exclamation-triangle)` to highlight something dangerous |
| `.fa-bell-slash-o` | hush alarms | `.fa-times` to cancel something<br/><br/>`.fa-user-secret` to cloak identity | | `[.fa-bell-slash-o](http://fontawesome.io/icon/bell-slash-o)` | hush alarms | `[.fa-times](http://fontawesome.io/icon/times)` to cancel something<br/><br/>`[.fa-user-secret](http://fontawesome.io/icon/user-secret)` to cloak identity |
| `.fa-clock-o` | schedule something | `.fa-history` to roll back the clock<br/><br/>`.fa-calendar` to display dates<br/><br/>`.fa-birthday-cake` to schedule a celebration | | `[.fa-clock-o](http://fontawesome.io/icon/clock-o)` | schedule something | `[.fa-history](http://fontawesome.io/icon/history)` to roll back the clock<br/><br/>`[.fa-calendar](http://fontawesome.io/icon/calendar)` to display dates<br/><br/>`[.fa-birthday-cake](http://fontawesome.io/icon/birthday-cake)` to schedule a celebration |
### Special effects ### Special effects
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment