Thème avec largeur variable dans les paramètres

Salut !

Je souhaite ajouter des paramètres à mon thème, mais j’ai quelques questions à ce sujet.

J’ai examiné le composant welcome-banner car il existe un paramètre pour télécharger une image en arrière-plan et d’autres paramètres liés à l’arrière-plan.

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: utilise la propriété CSS background-size de .....<a/>

Et dans le fichier CSS, il y a ceci :

.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;
  }

Ce qui m’irrite maintenant, c’est l’utilisation de # au lieu de $ comme dans d’autres composants que j’ai consultés.
Alors, qu’est-ce que je dois utiliser ? Ou cela n’a-t-il pas d’importance ?

J’ai une autre question sur CSS, mais je veux d’abord résoudre la question ci-dessus.
Bien sûr, je pourrais essayer, mais je veux être sûr de ce qui est correct.