Hello everyone, When debugging styles, I often add a value greater than zero and a color to the curb to see the boundaries of this class. And I have no such classes alone ... Upon completion of debugging, I put this curb on zero and it is not visible. When you need to debug again - again set the curb more than zero.

I wondered whether it is possible to install this debug key in one place? If it was php or twig files, then it would be easy to do it by key in the URL - but css knows nothing about the parameters ... Or can I think of something?

2) Are there any tools for Chrome, Firefox that could somehow schematically show all the tags (or all styles) at the place they are displayed? Looks like Chrome inspector can do, but for one selected item ...

Thank !

  • You might find Tilt 3D plugin useful - Dmitry

1 answer 1

Try scss , you can use variables there and control the thickness of the frame with them. For debugging, make sure sourcemaps are enabled.

$test_border: 1px solid red; .some_class1 { border: $test_border } .some_class2 { border: $test_border }
  • Thank you downloaded and installed sass-3.4.22 And can you link to a good dock for a start? There is a formal description of sass-scss.ru/documentation/sintaksis There are many articles on the harabras, for example habrahabr.ru/post/140612 but it is 2012 - not sure about its relevance for sass-3.4.22 ... - mstdmstd