Мой МЕНЬШЕ не работает, и я понятия не имею, почему... Я добавил .JS
после моего .JS
и даже это не помогает. Может кто-нибудь, пожалуйста, скажите мне, что не так?
index.html
<!-- Loading LESS -->
<link rel="stylesheet/less" type="text/css" href="less/flat-ui.less" />
<script src="js/less-1.5.1.min.js"></script>
плоский ui.less
// Flat UI main stylesheet that aggregates all modules
@import "config";
@import "site";
site.less
.top-menu {
background: @midnight-blue;
}
и config.less включают все стили, как это:
@mindnight-blue: #e74c3c;
Почему это не работает?
Взгляните на вкладку ресурсов, если ваш flat-ui.less
загружен правильно (flat-ui.less
установлен правильно для меньшего файла, чтобы он распознавал как файл css).
Затем посмотрите, есть ли у вас какие-либо ошибки компиляции, потому что, поскольку он стоит, он должен вызывать undefined
ошибку во время компиляции, так как у вас есть опечатка в имени переменной.
@midnight-blue /* site.less */
|
@mindnight-blue /* config.less */
Помимо этого, все в порядке.