tahnik/devRantron

.post_rant_container
  height: 100%
  width: 100%
  display: flex
  .utils
    padding: 0.5rem
    display: block
    margin: 0 1.5rem 0 0.5rem
    // background-color: #54556E
    background-color: #40415A
    border-radius: 4px
    flex: 1
    display: flex
    flex-direction: column
    .drafts_container
      background-color: #54556E
      padding: 0.3rem
      flex: 1
      position: relative
      display: flex
      .drafts
        // background-color: #40415A
        background-color: #54556E
        overflow-y: scroll
        flex: 1
        .noDrafts
          color: inherit
          width: 100%
          height: 100%
          display: flex
          justify-content: center
          align-items: center
        .draft
          padding: 0.5rem
          display: flex
          align-items: center
          color: inherit
          span
            text-transform: capitalize
          .actions
            margin-left: auto
            button
              margin-left: 0.5rem
    .save_draft
      button
        margin-left: 1rem
      input
        padding: 0 7px
        border: none
    .header
      display: block
      margin-bottom: 0.7rem
      color: inherit
      font-size: 0.8rem
      opacity: 0.5
  .post_rant
    display: flex
    flex-direction: column
    padding: 0 0.5rem 0 0.5rem;
    flex: 1
    height: 100%
    margin: 0 0.5rem 0 1.5rem
    button
      margin-bottom: 0px
    .smart_area
      height: 100%
      textarea
        &.smart_textarea
          flex: 10
        &.tags
          flex: 1
          margin-top: 0.5rem