@mixin boxShadow {
  box-shadow:
    0 2px 5px 0 rgb(0, 0, 0, 0.16),
    0 0 0 0 rgb(0, 0, 0, 0.12);
}

.list-controls .container {
  #create-topic {
    border-radius: 4px 0 0 4px;
  }

  .topic-drafts-menu-trigger {
    border-radius: 0 4px 4px 0;
    margin-left: -7px;
  }
}

// create conversation cards
.topic-body {
  @include boxShadow;
  background-color: var(--material-lighter-secondary);
  margin-top: 10px;
  padding: 20px;
  border-radius: 4px;
}

// more space for avatars
.topic-avatar {
  border-top: 0;
  padding-top: 20px;
  padding-left: 10px;

  .avatar-flair {
    right: 4px;
  }
}

// increase space between post meta and post content
.boxed .contents {
  padding: 20px 0 0 0;
}

// remove stray border from bottom of last post
.topic-status-info {
  border-top: 0;
}

.small-action {
  border: none;
}

#topic-closing-info {
  border: none;
}

.list-controls .nav-pills .list-control-toggle-link-trigger {
  box-shadow: none;
}

// remove lines between cards
.topic-post article {
  border: none;
}

// put shadow on quotes as well
aside.quote {
  @include boxShadow;
}

// RTL Overrides
.rtl {
  .topic-avatar {
    padding-left: initial;
    padding-right: 10px;

    .avatar-flair {
      right: initial;
      left: 4px;
    }
  }
}