Sha256: 5557fe242552c008134143ef6131d96517a3b8dbd48c1a94753df8b4cefac4db

Contents?: true

Size: 571 Bytes

Versions: 12

Compression:

Stored size: 571 Bytes

Contents

.carousel {
  align-items: center;
  display: flex;
  gap: var(--size-4);
}

.carousel__content {
  display: flex;
  gap: var(--size-4);
  inline-size: var(--size-full);
  overflow-x: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;

  @supports (-moz-appearance: none) {
    scroll-behavior: auto;
  }
}

.carousel__item {
  --items: var(--carousel-items, 1);
  --items-gap: calc(100% - 1rem * (var(--items) - 1));

  flex: 0 0 calc(var(--items-gap) / var(--items));
  padding: var(--size-1);
  scroll-snap-stop: always;
  scroll-snap-align: start;
}

Version data entries

12 entries across 12 versions & 1 rubygems

Version Path
css-zero-1.0.6 lib/generators/css_zero/add/templates/app/assets/stylesheets/carousel.css
css-zero-1.0.5 lib/generators/css_zero/add/templates/app/assets/stylesheets/carousel.css
css-zero-1.0.4 lib/generators/css_zero/add/templates/app/assets/stylesheets/carousel.css
css-zero-1.0.3 lib/generators/css_zero/add/templates/app/assets/stylesheets/carousel.css
css-zero-1.0.2 lib/generators/css_zero/add/templates/app/assets/stylesheets/carousel.css
css-zero-1.0.1 lib/generators/css_zero/add/templates/app/assets/stylesheets/carousel.css
css-zero-1.0.0 lib/generators/css_zero/add/templates/app/assets/stylesheets/carousel.css
css-zero-0.0.98 lib/generators/css_zero/add/templates/app/assets/stylesheets/carousel.css
css-zero-0.0.97 lib/generators/css_zero/add/templates/app/assets/stylesheets/carousel.css
css-zero-0.0.96 lib/generators/css_zero/add/templates/app/assets/stylesheets/carousel.css
css-zero-0.0.95 lib/generators/css_zero/add/templates/app/assets/stylesheets/carousel.css
css-zero-0.0.94 lib/generators/css_zero/add/templates/app/assets/stylesheets/carousel.css