Próbuję dostosować CSS Twitter Bootstrap bez zmiany lokalnych kopii kodu bootstrap. * Sklonowałem więc projekt Twitter Bootstrap w jednym folderze i mam kod aplikacji we własnym folderze:

/html
    /bootstrap
       ...etc...
       /js
       /less
    /MyApp
       ...etc...
       /common_files
          /less
             style.less

W moim pliku „style.less” definiuję kilka zmiennych LESS, a następnie dołączam pliki rozruchowe:

/* custom settings that deviate from Bootstrap's default values */
@sansFontFamily: Trebuchet MS, Tahoma, sans-serif, Arial;
@baseFontSize: 11px;
@baseLineHeight: 18px;

/* import bootstrap components from bootstrap-dedicated folder */
@import "../../../bootstrap/less/bootstrap.less";
@import "../../../bootstrap/less/responsive.less";

OdZmienne LESSCSS są naprawdę stałymi, Jestem zaskoczony, że moja @sansFontFamily nie jest odbierana, gdy kompiluję pliki LESS do CSS:lessc style.less > MyApp.css --yui-compress

Więc ... czego mi brakuje? Dlaczego moje zmienne są nadpisywane przez zmienne zdefiniowane w plikach LESS Bootstrap?

* - Sprawdziłem ”Najlepsze praktyki dostosowywania do Twittera„, ale myślę, że wykorzystanie stałych byłoby lepszym podejściem (jeśli uda mi się je uruchomić).