When I tried to catalogue the blocks for the Qubely plugin I was dismayed to discover that the icons were enormous.
What do I need to do to get them to a manageable size?
Explanation
Qubely's icons are delivered as SVG images with no indication of size.
The size needs to be managed with CSS.
eg For the oik-block/blocklist the CSS could be
.wp-block-oik-block-blocklist dt img { width: 24px; height: auto; }
For the block icon it's
.wp-block-oik-block-blockicon img { width: 24px; }
For the block info block it's
.wp-block-oik-block-blockinfo img { width: 24px; }
Proposed solution
When I tried to catalogue the blocks for the Qubely plugin I was dismayed to discover that the icons were enormous.
What do I need to do to get them to a manageable size?
Explanation
Qubely's icons are delivered as SVG images with no indication of size.
The size needs to be managed with CSS.
eg For the oik-block/blocklist the CSS could be
For the block icon it's
For the block info block it's
Proposed solution
style.scssandeditor.scssfor the blocks, where relevant.