css - 如何在函数内部使用 calc()?

标签 css sass

有没有办法在一行中完成以下操作?

--widthA: get-vw(20px);
font-size: calc(5px + var(--widthA));

因为我需要设置一个最小的font-sizeget-vw 函数将在 vw 中计算 20px,我需要在其上添加 5px。

最佳答案

是的,您可以使用 interpolation 将其写在一行中(不带变量) (#{...}):

font-size: calc(5px + #{get-vw(20px)});

演示(带有示例功能): https://jsfiddle.net/wccoLefp/

Sass allows any text in these function calls, including nested parentheses. Nothing is interpreted as a SassScript expression, with the exception that interpolation can be used to inject dynamic values.
Sass: Special Functions

关于css - 如何在函数内部使用 calc()?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46097871/

相关文章:

css - Webpack - 如何确定 CSS 文件的输出样式?

css - 在 SCSS 文件中导入常规 CSS 文件?

css - 如何使用CSS为径向渐变设置动画?

css - 尝试使用 Flexbox 将一列拆分为多行来实现多列布局

javascript - bootstrap 3 不在 jQuery select2 上显示工具提示

html - 具有数据属性值作为 CSS 内容的通知徽章

javascript - 带有javascript的单选按钮样式

jquery - 根据日期更改带有 JQuery 的 Div 类

css - 将属性值中的 % 与 for 循环变量一起使用时出现 SASS 错误

sass - 如何将 sass --watch 的输出通过管道传输到 autoprefixer?