visbug-lib/app/demo/multi-select.css

<p align="center"> <img src="./assets/visbug.png" width="300" height="300" alt="visbug"> <br> <a href="https://www.npmjs.org/package/visbug"><img src="https://img.shields.io/npm/v/visbug.svg?style=flat" alt="npm latest version number"></a> <a href

[multi-select] {
  flex: 2;
  display: grid;
  grid-template-columns: repeat(auto-fit, 2.5rem);
  grid-auto-rows: 2.5rem;
  grid-auto-flow: dense;
  justify-content: space-between;
  grid-gap: 1rem;
  padding: 0 1rem;
  height: 100%;
  box-sizing: border-box;

  & > span {
    background: var(--grey);
    border-radius: 50%;

    &:hover {
      background: var(--theme-color);
    }
  }
}