/* Component naming patterns from  around the Web
--------------------------------------------------*/

/* Example of components of a .modal module from Twitter Bootstrap
 * 
 * <div class="modal">
 *   <div class="modal-header">
 *     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
 *		 <h3>Modal header</h3>
 *	</div>
 *	<div class="modal-body">
 *	  <p>One fine body…</p>
 *	</div>
 *  <div class="modal-footer">
 *    <a href="#" class="btn">Close</a>
 *		<a href="#" class="btn btn-primary">Save changes</a>
 *  </div>
 * </div>
 *
 */ 
.modal-header {}
.modal-body {}
.modal-footer {}

/* Additional components that could be used with .modal */
.modal-wrap {}
.modal-inner {} /* prefer inner to wrap. Inner can be a component inside of modal, where .modal-wrap is a component outside of .modal{} */

/* You could shorten the component names if desired */
.modal-hdr {}
.modal-bdy {}
.modal-ftr {}
.modal-innr {}



/* From _S Theme
--------------------------------------------------*/
.site-header {}
.site-nav {}
.site-footer {}
