Arches: Utility Classes

Arches:Utility Classes

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/acc_uc.css, line 16474

5.1.2 Link Decorator

Links with the .link will auto decorate with an icon of the corresponding file type. In each brand there the the variable $usingFontAwesome to control if the classes should even render for the brand. $usingFontAwesome's defualt is true.| File | Effect | | --------------- | ---------------------------------------------- | | .pdf | Portable Document Format | | .doc | Word Document | | .txt | Text Document | | .ppt | Power Point | | mailto: | Email | | 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" target="_blank" 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"  target="_blank"  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>
Copy Code