@import '../settings/variables';
@import '../tools/mixins/position';

.c-card {
  position: relative;
  display: flex;
  flex: 1;
  border: $card-border-width solid $card-border-color;
  border-radius: $card-border-radius;
  padding: $card-padding-size-vertical $card-padding-size-horizontal;
  word-break: break-word;
  &--no-border {
    border-color: transparent;
  }
  &--no-padding {
    padding: $card-padding-size-vertical 0;
  }
  &__header {
    height: 2.2em;
    font-weight: $font-weight-bolder;
    font-size: $font-size-medium;
    align-items: flex-end;
    position: relative;
  }

  &__header-info {
    @include absolute(-0.125em, -0.625em, auto, auto);
  }

  &__row {
    display: flex;
    height: 3.6em;
    flex: 1;
    align-items: center;
    &--underline {
      background-image: linear-gradient(to right, #86889E 10%, rgba(255, 255, 255, 0) 0%);
      background-position: bottom;
      background-size: 8px 1px;
      background-repeat: repeat-x;
      &:last-child {
        background-image: none;
      }
    }
    &--underline-solid {
      border-bottom: 1px solid $color-neutral;
    }
  }
  &__col {
    box-sizing: border-box;
    flex-grow: 1;
    width: 100%;
  }
}