@use 'global/common' as global;

/* ------------------------------
 バッジ
------------------------------- */

.acms-badge {
  padding: 3px 7px;
  font-weight: bold;
  color: global.$acms-badge-text-color;
  background-color: global.$acms-badge-default;
  border-radius: 10px;

  @include global.font-size(10);
}

.acms-badge-success {
  color: global.$acms-badge-text-success-color;
  background-color: global.$acms-badge-success-color;
}

.acms-badge-info {
  color: global.$acms-badge-text-info-color;
  background-color: global.$acms-badge-info-color;
}

.acms-badge-warning {
  color: global.$acms-badge-text-warning-color;
  background-color: global.$acms-badge-warning-color;
}

.acms-badge-danger {
  color: global.$acms-badge-text-danger-color;
  background-color: global.$acms-badge-danger-color;
}

/* 承認機能用バッジ */
.acms-badge-approval {
  color: global.$acms-badge-approval-text-color;
  background-color: global.$acms-badge-approval-color;
}
