如何将具有线性渐变的背景图像CSS转换为SASS?

如何将具有线性渐变的背景图像CSS转换为SASS?,sass,Sass,如何将下面的css转换为scs background-image: linear-gradient( 180deg, hsl(0, 0%, 78%) 0%, hsl(0, 0%, 90%) 47%, hsl(0, 0%, 78%) 53%, hsl(0, 0%, 70%) 100% ); 这样它就可以替换下面我的scss中的background:red: $material-light: ( background

如何将下面的
css
转换为
scs

background-image: 
    linear-gradient(
      180deg,
      hsl(0, 0%, 78%) 0%,
      hsl(0, 0%, 90%) 47%,
      hsl(0, 0%, 78%) 53%,
      hsl(0, 0%, 70%) 100%
    );
这样它就可以替换下面我的
scss
中的
background:red

$material-light: (
  background: red,
);
$material-dark: (
  background: #00ff00,
);

如果你想把它添加到地图上,只需把它包装成一行

你可以:

$material-light: (
    background-image: 'linear-gradient(180deg, hsl(0, 0%, 78%) 0%, hsl(0, 0%, 90%) 47%,hsl(0, 0%, 78%) 53%, 0%, 70%) 100%)',
);


为什么要在与非前缀版本相同的声明中使用-webkit前缀属性值?@connexo事实上,
-webkit
属性实际上是不必要的。我已经更新了我的帖子。我已经有好几年没有使用SCSS了,但是SCSS变量不是应该包含值而不是声明吗?你是说将其作为类或变量值来编写,以便在框架中使用它们?