Под хром точно что-то есть такое, что позволяет сохранять изменения в инспекторе в исходниках.
Да это называется workspace. Встроено в developer tools. Позволяет менять файлы css, less, js и сохранять сразу их на диск. Очень удобно менять стили в "element.style" и они сразу меняются в файле css(даже save не нужно нажимать). Была экспериментальная функция в dev tools - LIVE SASS , которая позволяла меняя стили в "element.style" , менять scss файл. Но что-то с ней пошло не так и её убрали. А так было бы очень удобно. Хотя может я просто не привык к редактированию less прямо в редакторе. В общем спасибо за совет )
Сергей, Что значит "горячей заменой"? Использование workspace? В любом случае less преобразуется в css не так ли? А если я не знаю размер padding у блока или margin и мне нужно перебрать десятки значений за 5 секунд, это получится меняя less?
Сергей, Ну на данный момент, некоторые вещи на чистом css можно делать быстрее в developer tools(chrome), чем менять значения в less и ждать когда компилятор преобразует в css и сайт обновится.
Большое спасибо. Интересует работа в Chrome. Кое в чем разобрался. Grunt, Grunt watch task, Workspace. Но пока задача не решена. Внизу в консоли я открываю Quick Source. В ней я могу редактировать стили в less и с помощью grunt они автоматически компилируются в css , при сохранении. Браузер обновляет область с стилями на вкладке Elements и все хорошо. Но когда я меняю в этой области стилей значения, у меня выделяется кратковременно строка в less файле желтым и не изменяются стили в less. Нашел пример на сайте https://umaar.com/dev-tips/104-quick-source/ что так можно делать с scss.
Сергей: Я посмотрел в файле
\module\MtSlides\src\MtSlides\Form\SlideFilter.php, но ничего нужного не увидел.
Выложил архив всего модуля MtSlides, может вы увидете :) https://yadi.sk/d/eCHnGEQU3JxxhA
Алексей Уколов: Ага, посмотрел, спасибо. Для border-radius смысла добавлять префиксов почти нет.
Значит буду читать про gulp, чтобы у меня все автоматически компилировалось)
Все, настроил autoprefixer. Спасибо большое.
Установил настройку "browsers": ["> 0.001%"],
Чтобы была поддержка всех, даже самых древних браузеров. Теперь полностью компиляции совпадает. Хотя по большому счету это лишнее и лучше оставить было бы по дефолту.
Спасибо. Скорей всего. Только autoprefixer не создает свойства для border-radius> -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
Не смог настроить.
Я видел в конце style.css коммент
sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW..
Видимо он по нему и указывал на less. Спасибо.
А стили чем собирать лучше из less не подскажите?
Спасибо, ещё раз)
В общем мне тут тех поддержка хостинга перенесла мои файлы, из domain/public_html/ в domain/ . Т.е. все библиотеки фрэйворка стали находитсься в domain/, а public_html встал на свое место и сейчас работает без настроек .htaccess.
Сейчас уже заработал, но задача сделать корнем public_html. Т.к. запускается только с адреса domain/public_html Естественно css и другие ссылки не работают.