Divisores
Los divisores se utilizan para separar visualmente un contenido de otro. Se dispondrán de hasta tres tipos de divisores diferentes, siempre teniendo el mismo color y variando únicamente la altura de los mismos.
Por defecto, se podrá hacer uso del elemento hr como divisor, pero podrá ser empleado dos niveles más de separación.
Este es un texto de muestra en el que podemos incluir diferentes separadores, tanto con el formato semántico mediante la etiqueta hr como el uso de selectores CSS.
Se permite el uso de separadores basados únicamente en el alto del separador, utilizando siempre el mismo color naranja que se usa en el resto de la identidad corporativa
El último uso que se permite es hasta una altura de cuatro píxeles
- HTML
- JS
<hr>
<hr class="divider-2"></hr>
<hr class="divider-4"></hr> Estilos CSS
Estas son las clases aplicadas a las etiquetas HTML para conseguir los diferentes estilos.
| Selector CSS | Descripción |
|---|---|
| .divider-2 | Aumenta la altura del divisor a 2px |
| .divider-4 | Aumenta la altura del divisor a 4px |