Provide class names for major elements for custom CSS about flame HOT 3 OPEN

A handy CSS feature I've found useful situations like these where I can't rely on consistent class names or styles is the CSS attribute selector.

class can be used with attribute selectors just like any other attribute, so you can target just the first "word" or two in the class name that gets you what you want, dropping the random hash at the end. This can be done with the substring modifier, noted by * in the selector.

For example, in your CSS:

.Layout_Container__2Hv3J

would instead be:

[class*="Layout_Container"]

You can select elements with specific href values in a similar way. By selecting without * you can select elements with exactly the value in the selector, if you wanted to target just /applications and not, say, /applications-old (if that existed):

a[href="/applications"]

MDN has a great guide to CSS attribute selectors here:
https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

That said, it would be ideal to have major, consistent CSS classes available for styling without needing to work around the lack of them haha.

from flame.

Hey guys, sorry for the noob question but I legit do not know and have been looking for myself for a while now... Where can we find what the new names are for 2.3.1? I'd like to update my css so it at least works in the meantime. Thx in advance!

from flame.

Hey guys, sorry for the noob question but I legit do not know and have been looking for myself for a while now... Where can we find what the new names are for 2.3.1? I'd like to update my css so it at least works in the meantime. Thx in advance!

Using Chrome, right click on the page -> Inspect. Look around and you should find the names.

from flame.