@import "grid-core";

// Grid - responsive
//
// Mixins to facilitate the specification of responsive layouts.
// Mixins are analogous to those of grid-core but allow for a parameter that will be used
// as the breakpoint for which the mixin is applied.
//

//Proportions
.mw-ui-one-whole(@medium){
	@media @medium {
		.mw-ui-one-whole;
	}
}
.mw-ui-one-half(@medium){
	@media @medium {
		.mw-ui-one-half;
	}
}
.mw-ui-one-third(@medium){
	@media @medium {
		.mw-ui-one-third;
	}
}
.mw-ui-two-thirds(@medium){
	@media @medium {
		.mw-ui-two-thirds;
	}
}
.mw-ui-one-quarter(@medium){
	@media @medium {
		.mw-ui-one-quarter;
	}
}
.mw-ui-two-quarters(@medium){
	@media @medium {
		.mw-ui-two-quarters;
	}
}
.mw-ui-three-quarters(@medium){
	@media @medium {
		.mw-ui-three-quarters;
	}
	.mw-ui-three-quarters(@rest)
}
.mw-ui-one-fifth(@medium){
	@media @medium {
		.mw-ui-one-fifth;
	}
}
.mw-ui-two-fifths(@medium){
	@media @medium {
		.mw-ui-two-fifths;
	}
}
.mw-ui-three-fifths(@medium){
	@media @medium {
		.mw-ui-three-fifths;
	}
}
.mw-ui-four-fifths(@medium){
	@media @medium {
		.mw-ui-four-fifths;
	}
}
.mw-ui-one-sixth(@medium){
	@media @medium {
		.mw-ui-one-sixth;
	}
}
.mw-ui-two-sixths(@medium){
	@media @medium {
		.mw-ui-two-sixths;
	}
}
.mw-ui-three-sixths(@medium){
	@media @medium {
		.mw-ui-three-sixths;
	}
}
.mw-ui-four-sixths(@medium){
	@media @medium {
		.mw-ui-four-sixths;
	}
}
.mw-ui-five-sixths(@medium){
	@media @medium {
		.mw-ui-five-sixths;
	}
	.mw-ui-five-sixths(@rest)
}
.mw-ui-one-eighth(@medium){
	@media @medium {
		.mw-ui-one-eighth;
	}
	.mw-ui-one-eighth(@rest)
}
.mw-ui-two-eighths(@medium){
	@media @medium {
		.mw-ui-two-eighths;
	}
	.mw-ui-two-eighths(@rest)
}
.mw-ui-three-eighths(@medium){
	@media @medium {
		.mw-ui-three-eighths;
	}
}
.mw-ui-four-eighths(@medium){
	@media @medium {
		.mw-ui-four-eighths;
	}
}
.mw-ui-five-eighths(@medium){
	@media @medium {
		.mw-ui-five-eighths;
	}
}
.mw-ui-six-eighths(@medium){
	@media @medium {
		.mw-ui-six-eighths;
	}
}
.mw-ui-seven-eighths(@medium){
	@media @medium {
		.mw-ui-seven-eighths;
	}
}
.mw-ui-one-tenth(@medium){
	@media @medium {
		.mw-ui-one-tenth;
	}
}
.mw-ui-two-tenths(@medium){
	@media @medium {
		.mw-ui-two-tenths;
	}
}
.mw-ui-three-tenths(@medium){
	@media @medium {
		.mw-ui-three-tenths;
	}
}
.mw-ui-four-tenths(@medium){
	@media @medium {
		.mw-ui-four-tenths;
	}
}
.mw-ui-five-tenths(@medium){
	@media @medium {
		.mw-ui-five-tenths;
	}
}
.mw-ui-six-tenths(@medium){
	@media @medium {
		.mw-ui-six-tenths;
	}
}
.mw-ui-seven-tenths(@medium){
	@media @medium {
		.mw-ui-seven-tenths;
	}
}
.mw-ui-eight-tenths(@medium){
	@media @medium {
		.mw-ui-eight-tenths;
	}
}
.mw-ui-nine-tenths(@medium){
	@media @medium {
		.mw-ui-nine-tenths;
	}
}
.mw-ui-one-twelfth(@medium){
	@media @medium {
		.mw-ui-one-twelfth;
	}
}
.mw-ui-two-twelfths(@medium){
	@media @medium {
		.mw-ui-two-twelfths;
	}
}
.mw-ui-three-twelfths(@medium){
	@media @medium {
		.mw-ui-three-twelfths;
	}
}
.mw-ui-four-twelfths(@medium){
	@media @medium {
		.mw-ui-four-twelfths;
	}
}
.mw-ui-five-twelfths(@medium){
	@media @medium {
		.mw-ui-five-twelfths;
	}
}
.mw-ui-six-twelfths(@medium){
	@media @medium {
		.mw-ui-six-twelfths;
	}
}
.mw-ui-seven-twelfths(@medium){
	@media @medium {
		.mw-ui-seven-twelfths;
	}
}
.mw-ui-eight-twelfths(@medium){
	@media @medium {
		.mw-ui-eight-twelfths;
	}
}
.mw-ui-nine-twelfths(@medium){
	@media @medium {
		.mw-ui-nine-twelfths;
	}
}
.mw-ui-ten-twelfths(@medium){
	@media @medium {
		.mw-ui-ten-twelfths;
	}
}
.mw-ui-eleven-twelfths(@medium){
	@media @medium {
		.mw-ui-eleven-twelfths;
	}
}

//Visibility
.mw-ui-hidden(@medium){
	@media @medium {
		.mw-ui-hidden;
	}
}