Tema con larghezza variabile nelle impostazioni

Contribuisci UX
4

Ciao di nuovo!

Voglio aggiungere impostazioni al mio tema ma ho alcune domande al riguardo.

Ho esaminato il componente welcome-banner perché c’è un’impostazione per caricare un’immagine come sfondo e altre impostazioni relative allo sfondo.

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: usa la proprietà CSS background-size di .....</a>

E nel file css c’è questo:

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

Ciò che mi infastidisce ora è l’uso di # invece di $ come in altri componenti che ho esaminato.
Quindi cosa devo usare? O non fa differenza?

Ho un’altra domanda sul CSS, ma prima voglio risolvere la domanda di cui sopra.
Naturalmente potrei provarlo, ma voglio essere sicuro di quale sia la cosa corretta.