Formation Prestashop intégrateur: Sass / Les chaînes de caractères

Vous êtes ici : Accueil / Prestashop intégrateur / Sass / Les chaînes de caractères


Les chaînes de caractères

Le CSS utilise deux types de chaînes de caractères.

  • La première avec des guillemets comme pour 'Lucida Grande' ou 'http://mon-sitecom'.
  • La seconde sans guillemet, comme pour sans-serif ou gras.

SassScript reconnaît deux types, et en général, si un type de chaîne est utilisé dans le document Sass, ce genre de chaîne sera utilisé dans le CSS résultant.

Vous pouvez utiliser #{} ou la fonction unquote($string) pour forcer la suppression des guillemets dans le fichier CSS généré.

La fonction quote($string) permet de forcer l'ajout des guillemets.

Exemple SCSS :

$selector: '.header';

.warn {
  #{$selector}::before {
    content: 'This is a warning !';
  }
}