Source: dist/css/virtual_boot.css, line 14839
10.1.1 Expanded Click Area
allows for a relative container to be clickable by the link.
This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/
Source: dist/css/virtual_boot.css, line 14839
allows for a relative container to be clickable by the link.
It has an easy to override visual style, and is appropriately subdued.
I am so clickable<div class="card shadow_2 cell small-6 large-4 max-w_40" data-style="" >
<div class=" font_accent: border-top-left-square c_white font_3 p_4 texture_dust card-divider bg_primary card-header">
This is a header
</div>
<img src="https://picsum.photos/400/300">
<div class="card-section card-body">
<h4>This is a card.</h4>
<p>It has an easy to override visual style, and is appropriately subdued.</p>
<a href="#" class="expanded-click-area button btn btn-primary">I am so clickable</a>
</div>
</div>