.media-block-xs
  .media-body,
  .media-left,
  .media-right
    width: 100%
    display: block
    overflow: visible
    padding: 0
  @media (min-width: $screen-sm-min)
    .media-body,
    .media-left,
    .media-right
      width: 10000px
      display: table-cell
    .media-body
      overflow: hidden
    .media-right,
    .media-left
      width: auto
    .media-right
      padding-left: 10px
    .media-left
      padding-right: 10px
    &.media-al-sm
      text-align: left

.media-block-n-xs
  @media (min-width: $screen-sm-min)
    .media-body,
    .media-left,
    .media-right
      width: auto
      display: inline-block
    .media-body
      overflow: auto

.media-body,
.media-left,
.media-right
  &.over-visible
    overflow: visible

.user-avatar
  &.media-photo
    @include avatar(40px, 0, 0)
  &.media-photo-xs
    @include avatar(32px, 0, 0)
  &.media-photo-md
    @include avatar(60px, 0, 0)
  &.media-photo-xl
    @include avatar(74px, 0, 0)