blog/_src/assets/less/media.less

/////////////////////////////////////
// MEDIA CSS FOR KREMALICIOUS.COM
/////////////////////////////////////


// IMAGES
/////////////////////////////////////

img,
figure {
	max-width: 100%;
	height: auto;
	.border-radius;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img {
	vertical-align: middle;
	.box-shadow(0 1px 3px rgba(0,0,0,.2));
}

.teaser,
.teaser img {
    margin-top: @line-height-computed*1.5;
    margin-bottom: @line-height-computed*1.5;
}


//
// Media Positioning
//

img.alignleft,
img.alignright,
img.aligncenter {
	float: none;
	display: block;
	margin: @line-height-computed auto;
}

@media @breakpoint2 {
	img.alignleft { 
        margin: 0 @line-height-computed @line-height-computed 0; 
        float: left;
    }
	
	img.alignright { 
        margin: 0 0 @line-height-computed @line-height-computed; 
        float: right;
    }
}