This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/
Source: dist/css/acc_boot.css, line 9745
Links with the .link will auto decorate with an icon of the corresponding file type
| File | Effect |
|---|---|
| Portable Document Format | |
| .doc | Word Document |
| .txt | Text Document |
| .ppt | Power Point |
| mailto: | |
| tel: | Telephone |
| fax: | Fax |
target=_blank |
External Link icons will appear after any link |
<div class="p_4">
<a class="link" href="abc.pdf">A link that is a Pdf Document</a><br/>
<a class="link" href="abc.doc">A link that is a Word Document</a><br/>
<a class="link" href="https://www.abc.ppt">An External link that is a Power Point Document</a><br/>
<a class="link" href="tel:1-555-555-5555">1-555-555-5555</a><br/>
<a class="link" href="mailto:test@abc.org">test@abc.org</a><br/>
<a class="link" href="xyz.zip">A link that is a Zip Document</a><br/></div>
<div class="bg_shade-n3 p_4">
<a class="link-light" href="abc.pdf">A link that is a Pdf Document</a><br/>
<a class="link-light" href="abc.doc">A link that is a Word Document</a><br/>
<a class="link-light" href="https://www.abc.ppt">An External link that is a Power Point Document</a><br/>
<a class="link-light" href="tel:1-555-555-5555">1-555-555-5555</a><br/>
<a class="link-light" href="mailto:test@abc.org">test@abc.org</a><br/>
<a class="link-light" href="xyz.zip">A link that is a Zip Document</a><br/>
</div>