Github Atom Interface - How to find out what class elements have in the interface

I want to tweak a little atom interface, but I wonder if there is a way to “inspect an element” or similar so that I can know which classes exist. I could not find anything, but this is new, and it may just not be well documented.

Does anyone know how to find out what different classes are from interface elements? or a way to get "html"?

+4
source share
1 answer

Of course! First of all, if you run Atom in design mode (with an argument -don the command line), you will actually have the “Inspect Element” element in your context menu, which will do exactly what you are describing. However, even outside of development mode, simply open the developer console using cmd-option-i(or View → Developer → Toggle Developer Tools in the menu) and click on the “Elements” tab to view the full DOM:

developer console

You may also find Styleguide useful as it documents CSS inline classes and interface elements. Launch it from the command palette using Styleguide: Show.

enter image description here

+12
source

Source: https://habr.com/ru/post/1541625/


All Articles