/*
 * Wire
 * Copyright (C) 2018 Wire Swiss GmbH
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program. If not, see http://www.gnu.org/licenses/.
 *
 */

.cell-badge {
  display: flex;
  min-width: 24px;
  min-height: var(--badge-height);
  align-items: center;
  justify-content: center;
  padding: 3px 6px;
  border-radius: 6px;
  font-size: var(--font-size-small);

  &.disabled {
    cursor: default;
    opacity: 0.32;
    pointer-events: none;
  }

  svg {
    width: 12px;
    height: 12px;
  }

  .svg-icon {
    display: flex;
  }
}

.light-badge {
  .cell-badge;
  border: 1px solid var(--gray-40);

  background-color: @white;
  color: @black;

  svg > path {
    fill: @black;
  }
}

.cell-badge-light {
  .light-badge;

  body.theme-dark & {
    .dark-badge;
    border: 1px solid var(--gray-90);
  }
}

.dark-badge {
  .cell-badge;
  border: 0;
  background-color: @black;

  color: @white;

  svg > path {
    fill: @white;
  }
}

.cell-badge-dark {
  .dark-badge;

  body.theme-dark & {
    .light-badge;
  }
}

.guest-badge {
  .cell-badge-light;

  padding-right: 8px;
  padding-left: 8px;
  font-weight: var(--font-weight-regular);
}