semplificherebbero parecchio la gestione degli stili, rimuovendo diverso javascript per la gestione dei colori, visto che è possibile inserire variabili.
qui sotto un esempio di come potrebbe essere gestito l'accentColor
- Code: Select all
@accentColor: #f938ab;
/* Toolbar nelle applicazioni mobile */
.form-caption-container, .frame-toolbar-container, .toolstrip-container, .toolstrip-container-popover, .pages-container, .pages-container-popover, .toolstrip-container-left, .toolstrip-container-right, .toolstrip-container-popover-left, .toolstrip-container-popover-right {
height: 43px;
width: 100%;
color: white;
text-align: left;
padding: 0px;
background-color: @accentColor;
border-bottom: 1px solid black;
overflow: hidden;
white-space: nowrap;
text-overflow: clip;
position: relative;
-webkit-transform: translate3d(0px,0px,0px);
}
ovviamente andrebbe compilato, ma è possibile compilarlo runtime attraverso javascript per il debug, e inserirlo compilato in produzione.
inserisco il sito cssless come riferimento
http://lesscss.org/