Come sovrascrivere correttamente un mixin bootstrap box-shadow?

Question

Questo è il codice:

<ul> 
    <li></li> 
    <li></li> 
    <ul> 
     <li></li> 
     <li></li> 
    </ul> 
</ul> 

E questo è lo stile meno:

ul li { .box-shadow(0 1px 3px rgba(0,0,0,.25)); } 

voglio ignorare/cancellare la mixin sul sub-lista, quindi ho provato questo:

ul ul li { .box-shadow(none); } 

... ma non ha funzionato. L'unico modo che ho preso a lavorare era ridefinendo in modo esplicito ogni riga sulla mixin:

ul ul li { 
      -webkit-box-shadow: none; 
      -moz-box-shadow: none; 
        box-shadow: none; 
     } 

Così wha'ts sbagliato conul ul li { .box-shadow(none); }?

Answer 1

Peccato che non ho controllato l'uscita male quando si è rotto l'intera compilation, ma

ul ul li { .box-shadow(none); }

... sta lavorando bene. : P

Answer 2

Se si utilizza Twitter bootstrap con SCSS/SASS, vorrei utilizzare le mixins builtin, che Handels navigatore flag specifici:

ul ul li { @include box-shadow(none); }