$brand-border: #E6EBEB;
$conversation-gutter: 40px;

.conversation {
  padding: $padding-large-vertical $padding-large-vertical;
  padding-left: $conversation-gutter;
  border-radius: $border-radius-base;

  &:hover,
  &.active {
    background-color: white;
    box-shadow: inset 0 0 0 1px $brand-border;

    .conversation-actions {
      display: block;
    }
  }
}

.conversation-gutter {
  float: left;
  margin-left: - $conversation-gutter; 
  width: $conversation-gutter;
  text-align: center;
}

.conversation-actions {
  display: none;
}

.conversation-subject {
  font-size: $font-size-large;
  padding-top: $padding-small-vertical;
  padding-bottom: $padding-small-vertical;
}

.conversation-person {
  padding-top: $padding-small-vertical;
  padding-bottom: $padding-small-vertical;
}

.conversation-preview {
  padding-top: $padding-small-vertical;
  padding-bottom: $padding-small-vertical;
}

.conversation-preview-content {
  display: block;
  height: $line-height-computed;
  text-overflow: ellipsis;
  overflow: hidden;
}

.conversation-stream {
}

$brand-border: #E6EBEB;
$conversation-gutter: 40px;
$line-height-large-computed: floor(($font-size-large * $line-height-large)) !default;

.conversation {
  padding: $padding-large-vertical $padding-large-vertical;
  padding-left: $conversation-gutter;
  border-radius: $border-radius-base;

  &:hover,
  &.active {
    background-color: white;
    box-shadow: inset 0 0 0 1px $brand-border;

    .conversation-actions {
      display: block;
    }
  }
}

.conversation-gutter {
  float: left;
  margin-left: - $conversation-gutter; 
  width: $conversation-gutter;
  text-align: center;
}

.conversation-actions {
  display: none;
}

.conversation-subject {
  font-size: $font-size-large;
  height: $line-height-large-computed;
  line-height: $line-height-large;
  margin-bottom: $padding-small-vertical;
  margin-top: $padding-small-vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.conversation-person {
  margin-top: $padding-small-vertical;
  margin-bottom: $padding-small-vertical;
}

.conversation-preview {
  margin-top: $padding-small-vertical;
  margin-bottom: $padding-small-vertical;
}

.conversation-preview-content {
  height: $line-height-computed;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.conversation-stream {
}

Truncate subject and preview with ellipisis
Truncate subject and preview with ellipisis
