MENOS - Funciones de verificación de tipo

Descripción

Puede usar las funciones integradas de verificación de tipos para determinar los tipos de valor para los mixins coincidentes. Para hacer esto, puede usar las funciones is . A continuación se muestra la lista de funciones disponibles:

iscolor
isnumber
isstring
iskeyword
isurl

Las funciones enumeradas anteriormente están en la verificación de tipos básica. Puede verificar si un valor está en una unidad específica o no utilizando las siguientes funciones:

ispixel
ispercentage
isem
isunit

Ejemplo

El siguiente ejemplo demuestra el uso de funciones de verificación de tipos en el archivo 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>

A continuación, cree el archivo style.less .

estilo sin

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

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

.myclass { .mixin(20px) }

Puede compilar style.less en style.css usando el siguiente comando:

lessc style.less style.css

Ahora ejecute el comando anterior; creará el archivo style.css automáticamente con el siguiente código:

style.css

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

Salida

Siga estos pasos para ver cómo funciona el código anterior:

Guarde el código html anterior en el type_checking_functions.html archivo.
Abra este archivo HTML en un navegador, se mostrará el siguiente resultado.

↰ Previous page