Highlight Boxes

gistfile1.html

<!-- These boxes can be used to highlight small bits of content that we want to draw attention to. -->
<!-- For general uses, there are two main styles/classes: -->
<!-- "highlight-info" - This is a light gray background with black text -->
<!-- "highlight-invert" - A dark gray background with white text. -->
<div class="highlight-info">
	<h3>Sed posuere consectetur est at lobortis</h3>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo.</p>
</div>
<!-- There are 3 additional utility classes, primarily for status messages and such -->
<!-- As these utility classes use non-branded colors, they should not be used as design elements: -->
<!-- "highlight-warning" - White text on a red background, for warnings and errors -->
<!-- "highlight-alert" - Black text on a yellow background, for alerts or less serious/non-critical errors -->
<!-- "highlight-confirm" - Black text on a green background, for confirmations and success messages -->