Нужно изменить стили, прописанные в navbar.less

337

06 мая 2017, 21:08

Написал html, css и js. Верстка работает, как было сказано заказчиком. Но как только я собрался перенести верстку на wordpress, некоторые стили сбились из-за подключения .less файлов, то есть препроцессора (к примеру, до того, как поставил верстку на WordPress, цвет шрифта был белый, а после - стал черный благодаря .less).

Как сделать так, чтобы стили не заменялись? Просто переписать те классы, которые прописаны в .less не получается, стили не меняются. Возможно можно как-то отключить этот less и все, что с ним связано? Заранее спасибо за ответ.

Answer 1

SASS/LESS работают таким образом:

Вы пишете в их файлах некий код, который может быть как чистым css, так и кодом, соблюдающим правила написания именно для упомянутых технологий;
Некий watcher (либо вручную) смотрит за изменениями этих файлов, либо просто по некоему расписанию, компилирует написанный код в обычные файлы css;
Эти файлы сохраняются в те или иные директории, заменяя там уже существующие css-файлы.

Таким образом, нет ничего удивительного в том, что если ваш клиент использует у себя на сервере SASS/LESS, то их компиляция в итоге затирает результаты вашей работы.

Выходов тут может быть три:

Отключить использование данных технологий, но, возможно, это не устроит вашего заказчика, как именно это сделать я смогу сказать после того, как вы более подробно обозначите конфигурацию проекта;
Встроить ваш код в компилируемые файлы, и таким образом при компиляции он будет попадать вместе с остальным кодом, там содержащимся, по месту назначения;
Использовать отдельные css-файлы для вашего кода и для компилируемого кода, либо удалив из последнего те части, которые пересекаются с вашим кодом (может быть весьма трудозатратно), либо подключая ваши файлы последними, таким образом перезаписывая нужные вам правила.

На мой взгляд, самый верный путь - это пункт 3, первый вариант в нем. Но какой устроит вас, сказать сложно, без взгляда на проект целиком и общения с вашим заказчиком.