clearfix, responsive images, breakpoints

stylus mixins

// Mixins.

m-nl()
	margin 0
	padding 0
	text-indent 0
	list-style none
	list-style-position outside

m-cf()
	&:before, &:after
		display table
		content ""

	&:after
		clear both

	.lt-ie8 &
		zoom 1


m-blocks-justify()
	text-align justify
	text-justify newspaper

m-img-fluid()
	display: block
	max-width: 100%
	height: auto

media_queries = {
	phone_only : "(max-width: 599px)",
	tablet_portrait_up : "(min-width: 600px)",
	tablet_landscape_up : "(min-width: 900px)",
	desktop_up : "(min-width: 1200px)",
	big_desktop_up : "(min-width: 1800px)"
}

for_media(breakpoints)
	conditions = ()
	for breakpoint in breakpoints
		push(conditions, media_queries[breakpoint])
	conditions = join(", ", conditions)
	@media conditions
		{block}