Number selection alignment

[swashbuck]

Subject of the issue

The number in the selection UI element can become vertically misaligned when @body-size is something other than 1rem. This can be fixed by making the element a flex container and centering it.

.slider {
  &__number,
  &__number-selection {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

Other elements may need to be adjusted as well.

Steps to reproduce

Set the @body-size variable to 1.5rem.

Screenshots

@body-size at 1rem:

@body-size at 1.5rem:

[github-actions]

🎉 This issue has been resolved in version 4.5.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀