search

codyhouse / codyhouse-framework

A lightweight front-end framework for building accessible, bespoke interfaces.
https://codyhouse.co/
MIT License
1.16k stars 172 forks source link

Buttons Group gap styles broken #96

Closed yankeyhotel closed 3 years ago

yankeyhotel commented 3 years ago

I've been having a hard time with the gap styles working with the Button Group component. It seems like the .btns--gap-* styles are missing. There is code that links the gap styles to the buttons, but the classes don't seem to affect the gap at all. It always defaults to the same size.

<div class="btns btn--gap-xxxxs"> is the same as <div class="btns btn--gap-xl">. And changing it to <div class="btns gap-xxxxs"> doesn't work either.

Thanks

sebastiano-guerriero commented 3 years ago

Hi! My mistake: the info page is outdated. To set a gap among the buttons, add the add the inline-flex, flex-wrap and gap-{size} utility classes:

<div class="btns inline-flex flex-wrap gap-xs">
  <!-- ... -->
</div>

To report other issues about this component, please use the component's Github repo: https://github.com/CodyHouse/cd-button-group-changelog