在Sass中，你可以使用变量来控制滚动条的宽度和颜色。以下是如何定义和使用Sass变量来设置滚动条样式的示例：

// 定义变量
$scrollbar-horizontal-height: 6px;
$scrollbar-vertical-width: 6px;
$scrollbar-thumb-color: #007dc1;
$scrollbar-thumb-opacity: 1;

// 横向滚动条
.el-scrollbar__bar.is-horizontal {
  display: block !important;
  height: $scrollbar-horizontal-height !important;
}

// 滚动条颜色
.el-scrollbar__thumb {
  background: $scrollbar-thumb-color !important;
  opacity: $scrollbar-thumb-opacity !important;
}

// 纵向滚动条
.el-scrollbar__bar.is-vertical {
  display: block !important;
  width: $scrollbar-vertical-width !important;
}

在这个例子中，我们定义了四个变量：$scrollbar-horizontal-height 控制横向滚动条的高度，$scrollbar-vertical-width 控制纵向滚动条的宽度，$scrollbar-thumb-color 控制滚动条滑块的颜色，$scrollbar-thumb-opacity 控制滚动条滑块的不透明度。然后在相应的选择器中使用这些变量。

使用Sass变量的好处是你可以在样式表的顶部或其他地方定义一次变量，然后在多个地方重复使用它们。这样，如果你需要调整滚动条的样式，只需要更新变量的值，而不是搜索并替换多个地方的硬编码值。这使得维护和更新样式变得更加容易和快捷。