MENOS - Pasando conjuntos de reglas a Mixins

Descripción

El conjunto de reglas separado contiene conjuntos de reglas como propiedades, conjuntos de reglas anidados, declaración de variables, mixins, etc. Se almacena en una variable y se incluye en otra estructura; todas las propiedades del conjunto de reglas se copian en esa estructura.

Ejemplo

El siguiente ejemplo muestra cómo pasar un conjunto de reglas a mixin en el archivo LESS -

pass_ruleset.htm

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

   <body>
      <div class = "cont">
         <h2>Welcome to TutorialsPoint</h2>
         <p>The largest Tutorials Library on the web.</p>
      </div>
   </body>
</html>

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

estilo sin

@detached-ruleset: {
   .mixin() {
      font-family: "Comic Sans MS";
      background-color: #AA86EE;
   }
};

.cont {
   @detached-ruleset();
   .mixin();
}

Puede compilar el archivo 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

.cont {
   font-family: "Comic Sans MS";
   background-color: #AA86EE;
}

Salida

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

  • Guarde el código html anterior en el passing_ruleset.htm archivo.

  • Abra este archivo HTML en un navegador, se mostrará el siguiente resultado.

Alcance

Todas las variables y mixins en un conjunto de reglas separado están disponibles dondequiera que se llame o defina el conjunto de reglas. De lo contrario, tanto el llamador como los ámbitos de definición están disponibles de forma predeterminada. El alcance de la declaración tiene prioridad cuando ambos alcances contienen el mismo mixin o variable. El cuerpo del conjunto de reglas separado se define en el ámbito de la declaración. No cambia su alcance después de que el conjunto de reglas separado se copia de una variable a otra.

La siguiente tabla enumera todos los tipos de alcance:

No Señor. Tipos y descripción
1 Definición y visibilidad del alcance de la persona que llama

Las variables y los mixins se definen dentro del conjunto de reglas separado.

2 La referencia no modificará el alcance del conjunto de reglas separado

Con solo dar las referencias, el conjunto de reglas no accede a ningún ámbito nuevo.

3 El desbloqueo modificará el alcance del conjunto de reglas separado

El conjunto de reglas separado puede acceder al ámbito importándolo.