This Documentation is Moved!

This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/

Arches: CardioSmart

Arches:CardioSmart

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/cardiosmart_boot.css, line 7691

6.2 Block Quotes Large

Description: Text that needs a little extra something when it is quoted.

Example

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Numquam consequuntur delectus vero. Ratione fugit totam ipsum aperiam modi! Quas facilis consequuntur totam quod inventore atque magnam deleniti labore quae minus?

Dr. Ainsley Conolly, FACC
<blockquote class="bg_highlight-5 flex block p_4 p-y_5:md  br_round relative z1 m-x_4:md m-x_5 shadow_bevel-light br_2 br_solid br_highlight-4  font_display">
    <i class="absolute font_5 font_7:md  t_2 t_3:md l_n5 m-l_n3 fas fa-quote-left fa-fw c_highlight-2 z_1 text-shadow_black-1"></i>
    <div class="flex_auto font_2:md font_1 p-x_5:md p-x_3 c_black z_2">
        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit.
        Numquam consequuntur delectus vero. Ratione fugit totam
        ipsum aperiam modi! Quas facilis consequuntur totam quod
        inventore atque magnam deleniti labore quae minus?</p>
        <cite class="c_highlight-n3 float_right font_ui font_bold font_0 m-r_4 m-t_n3"><i class="fa-user fal p-r_3"></i>Dr. Ainsley Conolly, FACC</cite>
    </div>
    <i class="absolute b_3:md b_4 c_highlight-2 fa-fw fa-quote-right fas font_5 font_7:md m-r_n3 r_n5 text-shadow_black-1 z_1"></i>
</blockquote>
Copy Code