MOINS - Fonctions de vérification de type

La description

Vous pouvez utiliser les fonctions intégrées de vérification de type pour déterminer les types de valeur pour les mixins correspondants. Pour ce faire, vous pouvez utiliser les fonctions is . Voici la liste des fonctions disponibles -

  • iscolor
  • isnumber
  • isstring
  • iskeyword
  • isurl

Les fonctions énumérées ci-dessus correspondent à la vérification de type de base. Vous pouvez vérifier si une valeur est dans une unité spécifique ou non en utilisant les fonctions suivantes -

  • ispixel
  • ispercentage
  • isem
  • isunit

Exemple

L'exemple suivant illustre l'utilisation des fonctions de vérification de type dans le fichier LESS -

<!doctype html>
   <head>
      <title>Type Checking Functions</title>
      <link rel = "stylesheet" href = "style.css" type = "text/css" />
   </head>

   <body>
      <h2>Example of Type Checking Functions</h2>
      <p class = "myclass">Hello World!!!Welcome to Tutorialspoint...</p>
   </body>
</html>

Ensuite, créez le fichier style.less .

sans style

.mixin (@a; @b: red) when (iscolor(@b)){
   color:blue;
}

.mixin (@a) {
   font-size: @a;
}

.myclass { .mixin(20px) }

Vous pouvez compiler le style.less en style.css en utilisant la commande suivante -

lessc style.less style.css

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

style.css

.myclass {
   color: blue;
   font-size: 20px;
}

Production

Suivez ces étapes pour voir comment fonctionne le code ci-dessus -

  • Enregistrez le code html ci-dessus dans le type_checking_functions.html fichier.

  • Ouvrez ce fichier HTML dans un navigateur, la sortie suivante s'affichera.