MNIEJ - przekazywanie zestawów reguł do miksów

Opis

Odłączony zestaw reguł zawiera zestawy reguł, takie jak właściwości, zagnieżdżone zestawy reguł, deklaracje zmiennych, mieszanki itp. Jest przechowywany w zmiennej i zawarty w innej strukturze; wszystkie właściwości zestawu reguł są kopiowane do tej struktury.

Przykład

Poniższy przykład pokazuje, jak przekazać zestaw reguł do mieszania w pliku 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>

Następnie utwórz plik style.less .

bezszyjkowy

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

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

Możesz skompilować plik style.less do style.css za pomocą następującego polecenia -

lessc style.less style.css

Wykonaj powyższe polecenie; automatycznie utworzy plik style.css z następującym kodem -

style.css

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

Wynik

Wykonaj następujące kroki, aby zobaczyć, jak działa powyższy kod -

Zapisz powyższy kod HTML w pliku passing_ruleset.htm plik.
Otwórz ten plik HTML w przeglądarce, zostanie wyświetlony następujący wynik.

Zakres

Wszystkie zmienne i kombinacje w odłączonym zestawie reguł są dostępne wszędzie tam, gdzie zestaw reguł został wywołany lub zdefiniowany. W przeciwnym razie zarówno obiekt wywołujący, jak i zakresy definicji są domyślnie dostępne. Zakres deklaracji ma priorytet, gdy oba zakresy zawierają ten sam mixin lub zmienną. Odłączona treść zestawu reguł jest zdefiniowana w zakresie deklaracji. Nie zmienia swojego zakresu po skopiowaniu odłączonego zestawu reguł z jednej zmiennej do drugiej.

W poniższej tabeli wymieniono wszystkie typy zakresów -

Sr.No.	Rodzaje i opis
1	Definicja i widoczność zakresu dzwoniącego Zmienne i miksery są definiowane wewnątrz odłączonego zestawu reguł.
2	Odwołanie nie spowoduje modyfikacji zakresu odłączonego zestawu reguł Podając tylko referencje, zestaw reguł nie ma dostępu do żadnych nowych zakresów.
3	Odblokowanie zmieni zakres odłączonego zestawu reguł Odłączony zestaw reguł może uzyskać dostęp do zakresu po zaimportowaniu do niego.