Botones

Añadir la clase .boton mas el color dentro de <button>.

Default Default con borde punteado Light Colordest Verde Amarillo Amarillo claro Rojo Magenta Purpura Azul Cian Gris Negro Blanco Disabled

Añadir la clase .bordered dentro de <button> para crear un botón con borde y transparente.

Light Colordest Verde Amarillo Amarillo claro Rojo Azul Gris Negro Blanco

Añadir la clase .redondo dentro de <button> para crear un botón con borde redondo.

Light Colordest Verde Amarillo Rojo Azul Gris Negro Blanco

Añadir la clase .redondeado dentro de <button> para crear un botón con borde redondeado.

Light Colordest Verde Amarillo Rojo Azul Gris Negro Blanco

• Añadir la clase *-size dentro de <button> para cambiar el tamaño de los botones.

xl-size l-size Botón s-size xs-size

Añadir la clase .full dentro de <button> para crear un botón tamaño 100%.

Colordest

Añadir las clases .border define el width (por defecto es 1px), .border-solid define el estilo del border, .border-amarillo define el color del borde, dentro de <button> para crear un botón de compra, por ejemplo, como el de Amazon.

Tramitar pedido

Añadir un <span> con la clase spinner- dentro para que aparezca un cargador.

Añadir dentro un <span> con la clase .badge dentro del botón.

Colordest 4

Añadir la clase .boton-icono para crear botones cuadrados con icono.

Añadir las clases .boton-icono mas .boton-rounded para crear botones circulares.

xl-size l-size botón s-size xs-size

Formato .boton y color para poner dentro de <a href>.

Default Colordest Verde Amarillo Rojo Azul Gris Negro Blanco

Dentro del <div> poner las clase .boton y color y dentro <a href>.

Dentro del campo <input> poner las clases .boton y color.

Dentro del div <btn-group> añadir los botones.

Dentro del div <btn-group-vertical> añadir los botones.