Arches: CVquality

Arches:CVquality

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/cvquality_boot.css, line 7750

5.1.10 Score Card

The Score Box Generic is currently used on the Assessments Page. These repeated boxes are used to show the score with each section of the assessment.

Example

Default styling

veniam quis veniam enim

(0 of 96 possible points) 0
Your Score
Overall Score (0 of 96 possible points) 0% 
<div class="bg_shade-5 box p-x_3 p-y_2 score">
     <h3>veniam quis veniam enim</h3>
     <div class="flex results-points">
         <span class="flex_auto points-possible"><span class="points-breakdown">(0 of 96 possible points)</span></span>
         <span class="c_secondary flex_shrink font_2 points-total">0</span>
     </div>
</div>
<div class="m-t_3 overall-score">
    <span class="c_secondary float_right font_n1 your-score-label">Your Score</span>
    <div class="br-t_2 br_shade br_solid clear_both flex results-points">
        <span class="br-b_1 br_secondary br_dashed flex_auto p-t_4 points-possible">
               <span class="c_secondary font_2 font_bold font_ui m-b_n4 p_3 title">Overall Score</span> <span class="c_shade-1 font_italic points-breakdown">(0 of 96 possible points)</span>
        </span>
        <span class="bg_secondary br_shade c_white flex_shrink font_1 p_3 points-total triangle_top">
            0%
        </span>
    </div>
</div>
Copy Code