Utilizzare i namespace per organizzare i mixin di LESS

di Stefano Mostarda, in HTML5, CSS3, LESS,

Utilizzare i mixin in LESS permettere di riutilizzare gli stili in maniera efficace garantendo una maggior semplicità di sviluppo e manutenzione. Tuttavia, quando i mixin cominciano a diventare tanti, torna comodo avere un meccanismo che ne permetta il raggruppamento logico. Questo raggruppamento logico viene fornito dai namespace.

Vediamo come definire un namespace

#myns {
  .style1 () {
    color: #fff;
    font-size: 10px;
  }
  .style2 () {
    color: #000;
    font-size: 12px;
  }
}

In questo codice abbiamo definito un namespace di nome myns all'interno del quale abbiamo definito due mixin. Nel prossimo esempio vediamo come utilizzare i mixin definiti nel namespace.

body {
  background-color: red;
  #myns > .style1;
}

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi