Arches: Virtual ACC

Arches:Virtual ACC

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/virtual_boot.css, line 12043

13.7.1 Twitter Button

Description: When a faculty member has a twitter handle, we can display a twitter button.

Data.Faculty.TwitterHandle - Twitter Handle

Data Elements:

Example

Default styling

Tweat_DrSoda

<a class="bg_twitter br_radius c_white font-size_down-1 h:bg_secondary-n3 h:c_secondary-n3 h:c_white h:undecorated p-x_4 p_3" href="https://www.twitter.com/Tweat_DrSoda" target="_blank">
    <i class="br-r_1 br-white-5 br_solid fa-x-twitter fab m-l_n2 m-r_3 m-y_n2 p-r_3 p-r_3:lg p-y_2"></i>
    <i class="fa-at fas opacity_8 p-r_1"></i>
    Tweat_DrSoda</a>

<a class="bg_twitter br_radius c_white font-size_down-1 h:bg_secondary-n3 h:c_secondary-n3 h:c_white h:undecorated p-x_4 p_3" href="https://www.twitter.com/Tweat_DrSoda" target="_blank">
    <i class="br-r_1 br-white-5 br_solid fa-x-twitter fab m-l_n2 m-r_3 m-y_n2 p-r_3 p-r_3:lg p-y_2"></i>
    <i class="fa-at fas opacity_8 p-r_1"></i>
    Tweat_DrSoda</a>

Code Sample

Copy Code