Botones

Los botones usan la clase button o alguna variacion de button--. En los siguientes botones se indica las clases que debe llevar

.button.center.button.full.button.button--secondary.button--alert.button--cta.button--dark
.button--ghost.button--ghost--secondary.button--ghost--alert.button--ghost--cta.button--ghost--dark

Si se necesita un grupo de botones centrados, basta agruparlos en un contedorque tenga la propiedad text-align:center o la clase center. Ejemplo:

Tenga en cuenta que no necesita agregar dos clases para variaciones estilo BEM:

• .button.button--secondary Incorrecto
• .button--secondary Correcto

Puede cambiar el tamaño de los botones usandolas clases de tamaños de tipografía. Ejemplos:

.button.big.button--cta.button--alert.small

Button small y button tiny

Las variaciones button--smal y button--tiny tienen menor padding para ajustarse a tamaños pequeños. Además tienen 14px como tamaño de fuente (small).

.button--alert.button--alert.small.button--alert.button--small.button--alert.button--tiny
.button--ghost.button--ghost.small.button--ghost.button--small.button--ghost.button--tiny