时间戳

首页 > 解决方案 > Sass 参数/变量从何而来？

sass - Sass 参数/变量从何而来？

问题描述

我正在学习 Sass（以及 JavaScript）。在编写 mixin 时，我对参数中使用的变量有点困惑。在下面的代码中，在 mixin 名称之后我们有参数，我理解为变量（$image，$direction）。我感到困惑的是——我相信（例如）$image 和 $direction 不是随机的名称/值——这些是他们所说的 SassExpressions 吗？是否有图书馆或这些地方的清单？$direction 是指弹性方向吗？而 $image 指的是背景图片？这些只是 CSS 属性但有简写吗？很抱歉这个非常新的问题。

@mixin replace-text($image, $direction)

标签： sass

解决方案

这些是 SASS 变量。您几乎可以在 SASS 文件中的任何位置定义任何变量，例如：

$base-color: #c6538c;
$border-dark: rgba($base-color, 0.88);

.alert {
  border: 1px solid $border-dark;
}

示例来自关于变量的官方 SASS 文档：https ://sass-lang.com/documentation/variables

推荐阅读