设置中具有可变宽度的主题

贡献 用户体验
4

你好！

我想为我的主题添加设置，但对此有一些疑问。

我查看了 welcome-banner 组件，因为它有一个上传图片作为背景的设置以及其他与背景相关的设置。

banner_background_image:
  type: upload
  default: ""

banner_background_repeat:
  type: enum
  default: no-repeat
  choices:
    - no-repeat
    - repeat
    - repeat-x
    - repeat-y

banner_background_size:
  type: string
  default: cover
  description: uses ..... CSS background size property</a>

在 CSS 文件中是这样的：

.welcome-link-banner-wrapper {
    background-color: #{$banner-background-color};
    background-image: url(#{$banner-background-image});
    background-size: #{$banner-background-size};
    background-repeat: #{$banner-background-repeat};
    background-position: center center;
  }

现在困扰我的是使用了 # 而不是像我在其他组件中看到的那样使用 $。
那么我需要使用什么？或者它无关紧要？

我还有另一个关于 CSS 的问题，但首先我想解决上面的问题。
当然，我可以尝试一下，但我想确定哪个是正确的。