redpik of Axome
3/16/2017 - 9:44 AM

mixin responsive

mixin responsive

@mixin ax_responsive($prop, $lg, $md, $sm, $xs: false) {
	@if $lg {
		#{$prop}: ax_get_prop($lg);
	}
	@if $xs {
		@media (max-width: $screen-xs-max) {
			#{$prop}: ax_get_prop($xs);
		}
		@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
			#{$prop}: ax_get_prop($sm);
		}
	} @else {
		@media (max-width: $screen-sm-max) {
			#{$prop}: ax_get_prop($sm);
		}
	}
	@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
		#{$prop}: ax_get_prop($md);
	}
}