Double border in outline button groups

[azmeuk]

Hi,
Thank you for your enriched version of PicoCSS :)

Grouped outline buttons display a double border where they meet:

<div role="group">
    <a href="#" role="button" class="outline">Modifier</a>
    <button type="submit" class="outline">Renvoyer l'email</button>
</div>

[Amaury]

Thanks for reporting this, and for the clear example, it made it easy to reproduce.

You're right, there was a double border issue with outline buttons in groups. The root cause was a combination of browser default margins on <button> elements not being reset inside [role=group], and PicoCSS's negative margin overlap not fully compensating.

Fixed in v1.4.5:

• Reset UA margins on buttons in groups
• Remove inner left border on outline variants (both PicoCSS .outline and µCSS .btn-outline)
• Add subtle separator between filled buttons in groups (they were visually indistinguishable before)

Thanks again for helping improve µCSS!