sass - Sass Mixin 返回什么?
问题描述
在像javascript这样的编程语言中,即使我最终没有做出任何“返回”结果,但它仍然返回一个值“未定义”。
在 Sass 的情况下,我知道 @mixin 不会“返回”任何类似 @function 的东西。
但是,它“实际上”什么也没返回?
如果它实际上返回了一些东西(比如“undefined”或“void”),那么它会返回什么?
解决方案
我不确定我是否得到了这个问题,但是...
Mixins 允许您使用 @include 创建可重用的 CSS 声明(CSS 内容)“调用”。
与函数不同,您不能将 mixins 分配给变量,因为它们不会产生返回值(引发错误)。
@function fs($value){
@return $value;
}
@mixin fs($value){
font-size: $value;
...
}
.class { // returns value
font-size: fs(16px); // => 16px;
}
.class { // generates properties and values
@include fs(16px); // => font-size: 16px; ...
}
$var: fs(16px); // will work (function)
$var: @include fs(16px); // won't work (mixin)
推荐阅读
- vue.js - Vue.js:发布时缺少文件夹
- c++ - 为什么在构造函数初始化期间我不能使用范围解析运算符?
- visual-studio - Visual Studio 2019 CSS (SCSS) 多行注释问题
- java - 框架变小时如何使组件变小?
- typescript - 映射类型查找不需要使用从另一个函数返回的函数正确设置对象类型
- excel - API data pulled and plotted onto excel via the xlsxwriter is not being recognized in the chart.add_series() function
- python - 为什么我会收到“sed:无法读取 yolov4-tiny-obj.cfg:没有这样的文件或目录”
- react-native - (AppsFlyer / ReactNative) 如何从 onAppOpenAttribution 获取属性参数?
- javascript - 带输入字段的引导复选框
- docker - 如果使用 -d,docker 会忽略 -ti 标志吗?