Arches: ACC & Bootstrap

Arches:ACC & Bootstrap

Multi Product Brand Style System by the American College of Cardiology

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

6.12.5.3 Credit Chiclets

This pattern is exactly the same with the needed markup class of the credit color.

Example s

CNE

Nursing Education

  • CNE 1
  • CME

    Medical Education

  • CME 1
  • NOTE:
    This pattern relies on the the inclusion of the credit color codes style sheet.
    <li class="block inline-block:md flex_shrink block:print m-y_2 m-x_2">
    	<div class="inline-block br_1 br_radius c_white  br_[modifier class]-n1 bg_[modifier class] br_solid">
    		<div class="flex flex_nowrap p-y_2 p-x_3 lh_2">
    			<span class="flex_auto">[modifier class]</span> <span class="flex_shrink"><i class="fa-horizontal-rule fa-rotate-90 far"></i></span> <span class="flex_auto font_bold">1</span>
    		</div>
    	</div>
    </li>
    Copy Code