scss之px单位转成vw单位

@charset "UTF-8";

// px单位转成vw单位
@function px2vw($size: 14px, $width: 375px) {
@if (type-of($size) == "number" and unit($size) == "px") {
@return $size * 100vw / $width;
} @else {
@return $size;
}
}

//props-dpr
@mixin props-dpr($props, $values) {
@if length($props) ==1 {
@if length($values) ==1 {
#{$props}: px2vw($values);
} @else {
$valueStr: ();
@each $value in $values {
$valueStr: append($valueStr, px2vw($value));
}
#{$props}: $valueStr;
}
} @else {
@each $prop in $props {
#{$prop}: px2vw(nth($values, index($props, $prop)));
}
}
}
posted @ 2019-08-22 17:29  前端小厨-美食博主  阅读(2559)  评论(0编辑  收藏  举报