// vf-discussion

@import 'package.variables.scss';
// Debug information from component's `package.json`:
// ---
/*!
 * Component: #{map-get($componentInfo, 'name')}
 * Version: #{map-get($componentInfo, 'version')}
 * Location: #{map-get($componentInfo, 'location')}
 */

@import 'vf-discussion.variables.scss';


.vf-discussion__title {
  @include set-type(text-heading--2);
}

.vf-discussion__item {
  border-top: 1px solid color(grey--lightest);
  margin-bottom: 24px;
  padding-top: 24px;
}

.vf-discussion__meta {
  display: inline-block;
  margin-bottom: 16px;
}


.vf-discussion__author {
  @include set-type(text-heading--5, $custom-margin-bottom: 14px);

  font-style: normal;
}

.vf-discussion__date {
  @include set-type(text-body--3, $custom-margin-bottom: 0);
  color: color(grey--lightest);
}

.vf-discussion__author-avatar {
  border-radius: 50%;
  float: left;
  margin-right: 24px;
  width: 57px;
}

.vf-discussion__item {
  .vf-discussion__list {
    margin-top: 24px;
    .vf-discussion__item {
      padding-left: 40px;
    }
  }
}


.vf-discussion__comment {
  margin-bottom: 16px;
}