//
// Media
// --------------------------------------------------

.media {
  margin-top: 0;

  &-body {
    width: auto;
  }

  &-table {
    display: table;
  }

  // Style variations
  // ---------------------

  &-responsive {
    @include media-breakpoint-down(sm) {
      display: block;

      .media-left {
        padding-right: 0 !important;
      }

      .media-right {
        padding-left: 0;
      }

      .media-left,
      .media-right,
      .media-body {
        display: block;
      }
    }
  }

  &-user {
    $height: $grid-unit-y * 5;

    border-radius: ceil($height * 0.5);
    border: 1px solid $color-grey-rgba-24;
    background-color: $color-grey-5;
    font-size: $font-size-base;
    color: $color-text-dark;
    font-weight: $font-weight-bold;
    display: inline-block;
    vertical-align: top;

    .media-left {
      padding-right: $grid-unit-y * 2;
    }

    .avatar {
      border-width: 0;

      @include avatar-size($height - 2);
    }

    .media-body {
      padding-right: $grid-unit-y * 3;
      white-space: nowrap;
    }
  }
}