Arches: ACC & Bootstrap

Arches:ACC & Bootstrap

Multi Product Brand Style System by the American College of Cardiology

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

6.12.5.1 Calendar Block

Calendars show the range of dates from start to end of the live moments of the date. It doesn't include the extended dates of on demand.

<div class="flex_none" style="width: clamp(75px, 10vw, 125px);">
	<div class="cal-date text_center font_3">
		<a class="bg_primary block c_white flex_column flex justify_stretch h:bg_pimary-n2 h:undecorated" href="">
			<span class="block flex_none font-size_down p-y_1">Apr</span>
			<span class="block br-b_2 br-t_2 br_solid flex_auto font-size_up-1 font_xbold grid items_center p-x_4 text_center aspect_16x9 "><span class="nowrap">22 - 23
			</span></span>
			<span class="block flex_none font-size_down p-y_1">2022</span>
		</a>
	</div>
</div>
Copy Code