请问sass如何给指定的数组值进行编译并返回?

发布于 2022-09-11 23:19:48 字数 319 浏览 24 评论 0

目前项目中的使用的是dart-sass。
需求是:
需要封装一个函数rem,这个函数接收的是一系列的px值,具体数量不定,然后返回的是px值转换后的rem值。
举个例子:
margin: rem(12px 24px 35px 36px) => margin: 1rem, 2rem, 3rem, 4rem;
font-size: rem(36px) => font-size: 3rem;
margin: rem(30px , 40px) => margin: 2rem, 3rem;

现在不知道该如何将@each遍历处理后的结果组合在一起,然后返回出去?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

怼怹恏 2022-09-18 23:19:48
$ratio: 75;
@function px2rem ($list...) {
    $result: ();
    @each $i in $list {
        $result: append($result, ($i/ ($i * 0 + 1) / $ratio) + rem);
    } 
    @return $result;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文