Icons for Qubely's blocks appear very large

[bobbingwide]

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

• [ ] Add the required CSS to the style.scss and editor.scss for the blocks, where relevant.
• [ ] Add support for each style: is-style-svg24, is-style-svg64, is-style-svg100, is-style-svg150
• [ ] Consider using a multiple style sheet approach