// ============================================================
//          Media Object                                  
// ------------------------------------------------------------*/

+route(style,base)

	// <div class="media">
	//     <img src=http://placekitten.com/200/300 alt="" class="media--img">
	//     <p class="media--body">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
	//     sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
	// </div>

	.media
		display: block
		+cf

	.media--img
		float: left
		margin-right: $spacing-vertical + 0px
		.islet &
			margin-right: $spacing-vertical-half + 0px
		
	.media--img_op
		float: right
		margin-left: $spacing-vertical + 0px
		.islet &
			margin-left: $spacing-vertical-half + 0px
		
	.media--img, .media--img_op
		img
			display: block

	.media--body 
		overflow: hidden
		&:last-child
			margin-bottom: 0