@import '../../../../styles/core.scss';

.StagingFeed {
  display: flex;
  flex-direction: column;

  &_deployed {
    background: get(color 'lightGray');
    border-top: 1px solid get(color 'ivory');
  }

  &-Inner {
    max-width: 1100px;
    width: 100%;
  }

  &-Timeline {
    padding: 25px 50px;

    &-Heading {
      width: 200px;
    }

    &-Day {
      display: flex;
      font-size: 14px;
      flex-direction: column;
      width: 100%;

      + .StagingFeed-Timeline-Day {
        border-top: 1px solid get(color 'ivory');
        padding-top: 10px;
      }

      &-Empty {
        background: get(color 'lightGray');
        border-radius: 6px;
        color: get(color 'slate');
        font-size: 15px;
        font-weight: 600;
        padding: 20px;
        position: relative;
        text-align: center;
      }

      &-Date {
        height: 23px; // match headings
        line-height: 23px;
        padding-bottom: 15px;
      }

      &-Owlet {
        margin-bottom: 10px;
        margin-top: 10px;
      }
    }

    &-Content {
      flex: 1 1 auto;
    }
  }
}
