MENOS - Fusionar espacio

Descripción

La función Merge Space agrega valor de propiedad con espacio.

Ejemplo

El siguiente ejemplo demuestra el uso de la función de combinación de espacios en el archivo LESS:

<!doctype html>
   <head>
      <title>Merge Space</title>
      <link rel = "stylesheet" href = "style.css" type = "text/css" />
   </head>

   <body>
      <h2>Example of Merge Space</h2>
      <p class = "class">Hello World!!!Welcome to Tutorialspoint...</p>
   </body>
</html>

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

estilo sin

.mixin() {
   transform+_: scale(1);
}

.class {
   .mixin();
   transform+_: rotate(2deg);
}

La fusión utiliza + o +_flag para mantenerse alejado de las combinaciones inesperadas en cada combinación. La propiedad transform modifica el espacio del modelo de formato CSS y se puede utilizar para rotar, escalar, mover, etc. y realizar otras funciones en elementos.

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

lessc style.less style.css

Ejecute el comando anterior, creará el archivo style.css automáticamente con el siguiente código:

style.css

.class {
   transform: scale(1) rotate(2deg);
}

Salida

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

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

↰ Previous page