Sass - Interpolation dans les commentaires multilignes

La description

L'interpolation dans les commentaires multilignes est résolue dans le CSS résultant. Vous pouvez spécifier des variables ou des noms de propriétés entre accolades.

Syntaxe

$var : "value";
/* multiline comments #{$var} */

Exemple

L'exemple suivant illustre l'utilisation de l'interpolation dans les commentaires multilignes dans le fichier SCSS -

<html>
   <head>
      <title>SASS comments</title>
      <link rel = "stylesheet" type="text/css" href = "style.css"/>
   </head>
   
   <body>
      <h1>Welcome to TutorialsPoint</h1>
      <p>This is an example for Interpolation in SASS.</p>
   </body>
</html>

Ensuite, créez le fichier style.scss .

style.scss

$version: "7.8";
/* Framework version for the generated CSS is #{$version}. */

Vous pouvez dire à SASS de regarder le fichier et de mettre à jour le CSS chaque fois que le fichier SASS change, en utilisant la commande suivante -

sass --watch C:\ruby\lib\sass\style.scss:style.css

Ensuite, exécutez la commande ci-dessus; il créera automatiquement le fichier style.css avec le code suivant -

style.css

/* Framework version for the generated CSS is 7.8. */

Production

Exécutons les étapes suivantes pour voir comment fonctionne le code donné ci-dessus -

Enregistrez le code html ci-dessus dans sass_comments_interpolation.htm fichier.
Ouvrez ce fichier HTML dans un navigateur, une sortie s'affiche comme indiqué ci-dessous.

↰ Previous page