Arches: ACC & Bootstrap

Arches:ACC & Bootstrap

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/acc_boot.css, line 10300

6.1.2.1 Intro Block - Page with Side Bar

Example

Default styling

content

aside

<section id="introduction" item-label="section" class="grid columns_1 columns_5:lg gap_5:lg gap_4">
    <div item-label="content"  class="col-start_start col-end_n3:lg col-end_end reading-typography font-size_up" style="--custom-font-size-modifier: 1;">content</div>
    <div item-label="sidebar-primary" class="col-start_start col-start_n3:lg col-end_end wrapper-container">aside</div>
</section>

<section id="introduction" item-label="section" class="grid columns_1 columns_5:lg gap_5:lg gap_4">
    <div item-label="content"  class="col-start_start col-end_n3:lg col-end_end reading-typography font-size_up" style="--custom-font-size-modifier: 1;">content</div>
    <div item-label="sidebar-primary" class="col-start_start col-start_n3:lg col-end_end wrapper-container">aside</div>
</section>

Code Sample

Copy Code