Icons blocks

[Nomad’s Team]

Nomad’s Team

February 26, 2021 at 12:50 pm

Hi,

I just tested the Icons block. When there are several icons on the same line, they are not vertically centered if they have different heights (I need to set slightly different sizes so that they are graphically homogeneous).

So I inspected the source code and I don’t understand the inline-flex on the “kt-svg-icon” element:

<div class=”wp-block-kadence-icon”>
<div class=”kt-svg-style-default kt-svg-icon-wrap” style=”display: inline-block;”>
<div class=”kt-svg-icon” style=”display:inline-flex; justify-content:center; align-items:center;“>
<svg style=”display:inline-block; vertical-align:middle;“></svg>
</div>
</div>
</div>

Why not just do that?

<div class=”wp-block-kadence-icon”>
<div class=”kt-svg-style-default kt-svg-icon-wrap” style=”display: inline-block; vertical-align: middle;“>
<div class=”kt-svg-icon”>
<svg style=”display: block;“></svg>
</div>
</div>
</div>

Is it voluntary?