Logos Marquee

Contrato del layout

Un layout transporta anatomia, no pintura: se rellena por slots y depende del CSS de los componentes que lista. Instalarlo sin ellos lo deja sin estilos.

Slots

{{section_id}}{{headline}}{{logo1}}{{logo1_name}}{{logo2}}{{logo2_name}}{{logo2_scale}}{{logo3}}{{logo3_name}}{{logo4}}{{logo4_name}}{{logo5}}{{logo5_name}}{{logo6}}{{logo6_name}}{{logo7}}{{logo7_name}}{{logo8}}{{logo8_name}}

Componentes requeridos

marqueemarquee-csstypography

Anatomía CSS

<div class="layoutLogoMarquee">

</div>

CSS mínimo funcional

Autocontenido: sin imports ni tokens. Para previews y prototipos — en producción se consume el CSS del DS.

/* Layout: logo-marquee — structure only, pure DS tokens.
   El ancho y el gutter los da .container (token --size-container-content). Antes
   esta tira inventaba 80rem/5% por una suposicion ya falsa: el DS SI publica
   tokens de contenedor. */
.l-logo-marquee {
  padding-block: 100px;
  overflow: hidden;
}

.l-logo-marquee__headline {
  margin: 0 0 32px;
  text-align: left;
  font-size: 25px;
}

/* La tira sangra a todo el ancho aunque la seccion tenga container: el recorte
   lateral es lo que comunica que la lista sigue. */
.l-logo-marquee .marquee__item {
  padding-inline: 32px;
}