JordanHatch/maslow-redux

ul.feed {
  padding: 0;

  li.feed-item {
    list-style: none;
    margin-bottom: 19px;

    .feed-metadata {
      display: block;

      font-size: 14px;
      color: #666;
      padding-top: 3px;

      span {
        display: inline;
      }

      .date {
        font-weight: bold;
        font-size: 15px;
      }

      .time {
        font-weight: normal;
      }

      .bot-label {
        display: inline-block;

        padding: 2px 4px;
        vertical-align: text-top;
        margin-left: 5px;

        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;

        background: #eee;
        border-radius: 1px;
      }
    }

    .feed-content {
      .inner {
        border-top: 4px solid #e7e7e7;
        background: #f6f6f6;
        padding: 13px 15px 15px 13px;
        min-height: 4em;
      }
    }

    h2 {
      font-size: 20px;
      font-weight: normal;
      margin: 3px 0 0;
    }

    .note {
      padding: 0;

      p:last-child { margin-bottom: 0; }
    }
  }
}

.feed-add {
  margin: 0px 0 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;

  form {
    padding: 0;

    .form-group {
      margin-bottom: 5px;
    }

    textarea {
      font-size: 17px;
      max-width: 100%;
    }

    &.inactive {
      textarea {
        max-height: 2.25em;
        resize: none;
      }

      input[type='submit'] {
        display: none;
      }
    }

    &.active {
      textarea {
        font-size: 15px;
        min-height: 4em;
      }
    }
  }
}