Contents

/*
  For blocks of content with media beside them.
  Adding overflow hidden changes the way the content interacts with the float
*/

/*
	Apply it to the wrapper div
	<div>
		<img class="content-image" />
		<div class="content"></div>
	</div>
*/

@mixin content-with-media($position: left, $spacing:20px, $image: '.content-image', $content: '.content') {
 	#{unquote($image)} {
		float:$position;
		margin-#{opposite-position($position)}:$spacing;
	}
	#{unquote($content)} {
		overflow:hidden;
		float:none;
	}
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
stitch-0.0.3	stylesheets/stitch/patterns/layout/_media.scss