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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM