11/Contenido

Lista de principios

Lista numerada en tres columnas con línea superior. Sirve para valores, características o pasos.

Seis principios

01
A la medida
El sistema se adapta a tu operación, no al revés.
02
Código propio
Entregamos el código y la documentación.
03
Entregas cortas
Avances cada una o dos semanas.

HTML

<ol class="cb-principles mt-0">
  <li class="cb-principles__item"><span class="cb-principles__num">01</span><h3 class="cb-principles__title">A la medida</h3><p class="cb-principles__text">El sistema se adapta a tu operación, no al revés.</p></li>
  <li class="cb-principles__item"><span class="cb-principles__num">02</span><h3 class="cb-principles__title">Código propio</h3><p class="cb-principles__text">Entregamos el código y la documentación.</p></li>
  <li class="cb-principles__item"><span class="cb-principles__num">03</span><h3 class="cb-principles__title">Entregas cortas</h3><p class="cb-principles__text">Avances cada una o dos semanas.</p></li>
</ol>

Clases y modificadores

Clase	Descripción
`.cb-principles`	Lista en grilla de 3 columnas (2 y 1 en pantallas chicas).
`.cb-principles__item`	Elemento con línea superior.
`.cb-principles__num`	Número en color de acento.
`.cb-principles__title`, `.cb-principles__text`	Título y texto.

Accesibilidad

Usa ol para que el orden también se anuncie en lectores de pantalla.