Is it possible to change less styles by changing styles in Elements>Styles in chrome developers tools?

Question

css

In developer tools I can change css files by editing styles in Elements>Styles and then save by working with css file. Those. for example, it shows in my Styles next to the .main selector style.css:2 {padding:25px;} I change the padding to 30px, click on the style.css:2 link and go to the Sources tab, on which I find myself on the second line in which I have padding:30px property. Next, I can save style.css to a file.
But if I use style.css with source maps working with less, then in Elements>Styles I have a link to .main style.less:2 {padding:25px;}. If I change the padding to 30px and, just like in the case of css, I click on the style.less:2 link, then I will get to Sources , in which there will be a cursor on .main and it will have padding:25px, i.e. those changes that I make are not taken into account. Is it possible to somehow automatically change less styles?

Answer 1

Of course, you didn't specify the browser you're using. So here is the solution for Firefox and Chrome respectively:
https://developer.mozilla.org/en-US/docs/Tools/Sty...
https://code.tutsplus.com/tutorials/working-with-l ...
Actually, both solutions are based on the same Source Maps technology.