1 Si estás leyendo este post, es porque a pesar de la tremenda chapa que le estoy dando a las publicaciones enfocadas en los badges, pese a quizás tener conocimientos previos, mantienes tu interés por actualizarte, o tal vez, repasar conocimientos.
2 Este tema lo considero particularmente interesante e importante, por el aporte en la mejora de la presentación de los temas en nuestros blogs, por eso, investigo y publico todo lo que se relacione con los badges.
3 Especialmente, me motiva el aporte documental, a estudiantes y docentes. Nota: La fuente original se cita al pie de página en fuentes. IR A PORTAFOLIO
Psicología del color
El color, más que la forma, está más estrechamente relacionado con la emoción. Cada color tiene una mezcla fuerte y fue seleccionado selectivamente a mano para hacer que su diseño brille. Cada componente de SmartAdmin puede tener cualquiera de estos colores aplicados. ¡Prueba diferentes combinaciones para que tu proyecto cobre vida!
| Estado | Postfix | Ejemplo de uso | HTML | |
|---|---|---|---|---|
| Success | *-success |
btn-success color-success |
<span class="width-1 height-1 rounded-circle d-block bg-success"></span> |
|
| Warning | *-warning |
btn-warning color-warning |
<span class="width-1 height-1 rounded-circle d-block bg-warning"></span> |
|
| Danger | *-danger |
btn-danger color-danger |
<span class="width-1 height-1 rounded-circle d-block bg-danger"></span> |
|
| Info | *-info |
btn-info color-info |
<span class="width-1 height-1 rounded-circle d-block bg-info"></span> |
|
| Primary | *-primary |
btn-primary color-primary bg-primary |
<span class="width-1 height-1 rounded-circle d-block bg-primary"></span> |
|
| Secondary | *-secondary |
btn-secondary color-secondary bg-secondary |
<span class="width-1 height-1 rounded-circle d-block bg-secondary"></span> |
|
