UPDATE: Vedendo che hai incluso le parentesi graffe nella vostra domanda, vi suggerisco di provare a cambiare l'estensione del file .sass
-.scss
. SCSS probabilmente ignorerà il rientro perché è in grado di dire quale parte va dove basata sulle parentesi graffe.
SASS si basa su rientro a dire dove si sta cercando di applicare il CSS, in modo che non sarà in grado di convalidare se varia in ogni riga. Prova a modificare:
.something
-webkit-box-sizing: border-box
-moz-box-sizing: border-box
box-sizing: border-box
Personalmente, non avrei nemmeno rientro border-box
per farli tutti partono stessa colonna, perché è troppo lavoro per troppo poco guadagno. In alternativa, si potrebbe scrivere un mixin di farlo per voi:
@mixin border-box
-webkit-box-sizing: border-box
-moz-box-sizing: border-box
box-sizing: border-box
Dopo aver definito, è possibile includere direttamente:
.something
@include border-box
fonte
2013-09-27 10:30:13
Ho aggiunto i '#thing {}' a il sass. Scrivo sass, non scss. Questo fa la differenza? – Kriem
Provare a cambiare l'estensione in SCSS e testarla con le parentesi graffe. SCSS dovrebbe ignorare il rientro incoerente. –
Accidenti, hai ragione! È scss non sass. Se riesci a farlo in una risposta, lo approverò. :) – Kriem