blogben/assets/styles/badges.css

/* Style de base pour tous les badges */
.badge {
  display: inline-block;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 12px;
  text-transform: uppercase;
  color: #fff;
  margin-right: 5px;
}

.tag {
  display: inline-block;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 7px;
  text-transform: uppercase;
  color: #fff;
  margin-right: 3px;
  background-color: #17a2b8;
}

/* Badge pour l'état "Publié" */
.badge-published {
  background-color: #28a745; /* Vert */
}

/* Badge pour l'état "Brouillon" */
.badge-draft {
  background-color: #ffc107; /* Jaune */
  color: #333; /* Couleur du texte sur fond jaune */
}

/* Badge pour l'état "En révision" */
.badge-reviewed {
  background-color: #17a2b8; /* Bleu clair */
}

/* Badge pour l'état "Archivé" */
.badge-rejected {
  background-color: #c40928; /* Rouge */
}