Change the size of blog author tab

[tisonkun]

I'd like to smaller this author tab for both the avatar and its name + title section. Not sure if I'd swizzle BlogPostLayout or there is some predefined CSS class I can modify.

I just found that I have asked a similar question at #7003 (comment) but I don't get the method to self-discover the class name >_<

[slorber]

Class names that are not part of this "stable class name" list are not public API and may be renamed and break your selectors: https://docusaurus.io/docs/next/styling-layout#theme-class-names

The blog authors are rendered using @theme/Blog/Components/Author that you can swizzle to customize both rendering and CSS.

We are using Infima as a CSS framework but I'd like to consider it an implementation detail, so targeting any of its classes may break in the future if we refactor them.

https://infima.dev/docs/components/avatar

For the title, I think we answered in the other issue already. You can also swizzle @theme/BlogPostItem/Header/Title

I don't get the method to self-discover the class name

You can use browser devtools for that, we don't really provide a way to "self-discover" things that we consider "internal implementation details". If you customize things, you opt-in to maintain these implementation details yourself and take the responsibility to have more difficult version upgrades.

Unfortunately, we can't consider our theme to be 100% public API, otherwise we can't make any evolution to it. Now we try to limit breaking changes as most as we can.