Source: dist/css/acc_boot.css, line 8631
This component presents a styled blockquote element. The blockquote starts with an iconic quotation mark, followed by the actual quote text and a citation. The design uses flexible box model to ensure icon and text alignment.
Caption: The component is not finalized and may undergo changes.
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="flex flex_row:sm flex_column br_solid br_radius br_black-2 shadow_overlap-light br_1 overflow_hidden">
<div class="bg_acc c_acc-4 flex_none font_1 font_2:sm font_3:md font_7:lg p_2">
<i class="fas fa-quote-left fa-fw"></i>
</div>
<div class="c_black flex_auto font_n1 font_0:sm font_1:md p_4">
<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_accent-n4 float_right font_ui font_bold font_n1 m-t_n3"><i class="fa-user fal p-r_3"></i>Dr. Ainsley Conolly, FACC</cite>
</div>
</blockquote>