[layout] Allow centered slides

[ciampo]

The selected slide would be in the middle of the view. This would require a few changes to how the carousel works.

[equinusocio]

Can the new CSS scroll snap control may helps?

[ciampo]

It could, but it may also require deep refactoring. Also, the new version of the spec is not supported by many browsers, so it would require a fallback solution

[equinusocio]

Btw this can be done easily by composing in the light dom. Users can define slider with a single centered content. Something like this:

<style>
div {
  display: flex; /* or grid */
  justify-content: center;
}
</style>
<macro-carousel>
  <div> [Centered Content] </div>
  <div> [Centered Content] [Centered Content] </div>
  <div> [Centered Content] </div>
</macro-carousel>

[ciampo]

By "centered slides" I meant something like this (hope it helps explaining the idea):