Skip to content

Instantly share code, notes, and snippets.

@ctbarber
Created March 13, 2017 20:26
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ctbarber/a1d8738c5349aaf6acd618098221b85a to your computer and use it in GitHub Desktop.
Save ctbarber/a1d8738c5349aaf6acd618098221b85a to your computer and use it in GitHub Desktop.
The HTML table structure to create a snippet for a callout
<table class="snippet-callout">
<tbody>
<tr class="uthsc-ouc-instructions"><th>Callout Directions [do not delete]</th><th>Content [edit this column to display on the page]</th></tr>
<tr>
<td class="uthsc-ouc-instructions">
<p>Creates a basic callout with a gray background. <strong>Should be used when you need to call attention to an object that will remain on the page for a long time.</strong> For an informational callout, use the secondary callout snippet. For a warning callout (for a closing or short term problem), use the warning callout.</p>
</td>
<td>
<h2>Callout Heading, if needed</h2>
<p>Use the callout to provide attention to a certain section of the page. Information here should be kept short and informative.</p>
</td>
</tr>
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment