Question

where to find theses classes , can I know the list of all mendix classes?

0

.region-sidebar { padding: 0 8px; .toggle-btn { padding: 0; border-color: transparent; border-radius: 0; background: transparent; display: flex; } .mx-icon-filled, .mx-icon-lined { font-size: 20px; } } } // I can understand .region-sidebar is a class defined in the Atlas Default layout but I couldnt fidn where these classes like .mx-icon-filled , mx-scrollcontainer-open:not,.mx-scrollcontainer-wrapper are assigned !!

asked 2024-11-28

SUBRAMANIAN S

3 answers

SUBRAMANIAN S · Answer 1 · 2024-12-02

I can understand .region-sidebar is a class defined in the Atlas Default layout but I couldnt fidn where these classes like .mx-icon-filled , mx-scrollcontainer-open:not,.mx-scrollcontainer-wrapper are assigned !!

Vinicius Strugata Ambrosio · Answer 2 · 2024-12-02

Hello,

You can use VSCode "find in files" tool to see where these CSS classes are defined:

Pedro Voorwinden · Answer 3 · 2024-12-02

When you open the developer tools of your browser, you can see where the CSS is defined:

Screenshot 2024-12-02 113841.png

But be aware that altering these files is not recommended.

Use the custom styling of Mendix to overwrite the default styling of Atlas.

More info here: https://docs.mendix.com/howto/front-end/customize-styling-new/

Hope this helps!