@import '../../scss/variables';
@import '../../scss/mixins';

:host {
  .loading {
    height: 200px;
    position: relative;
  }

  .sky-repeater-item {
    border-bottom: 1px solid $sky-color-gray-05;
    display: flex;
    flex-flow: row wrap;
    padding: 10px;

    .sky-contrib-list-view-repeater-title-area {
      flex-grow: 1;
      flex-basis: 80%;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }

    sky-contrib-list-view-repeater-renderer {
      &.sky-contrib-list-view-repeater-left {
        flex-grow: 0;
        margin: 0 10px 0 0;
      }

      &.sky-contrib-list-view-repeater-title {
        @include sky-emphasized();
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;

        * {
          min-width: 0;
        }
      }

      &.sky-contrib-list-view-repeater-right {
        flex-grow: 0;
        margin: 0 0 0 10px;
      }

      &.sky-contrib-list-view-repeater-content {
        display: block;
        flex-basis: 100%;

        display: flex;
        flex-wrap: wrap;
        margin: 10px;
      }

      &.sky-contrib-list-view-repeater-editor {
        display: block;
        flex-basis: 100%;
      }
    }

    /deep/ p {
      margin: 0;
    }

    /deep/ .sky-chevron {
      cursor: pointer;
    }
  }
}