scss mixin响应

Posted 2021-05-18

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了scss mixin响应相关的知识，希望对你有一定的参考价值。

@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);
	}
}

以上是关于scss mixin响应的主要内容，如果未能解决你的问题，请参考以下文章