Page -home {

  div.container {
    $primaryBackground


    section.updates {

      -directMessage {
        $homePageSection

        div.threads {
          div.thread {
            div.content {
              div.subject {
                display: flex

                div.recps {
                  display: flex
                  font-weight: 600
                  margin-right: .4rem

                  div.recp {
                    margin-right: .4rem
                  }
                }
              }
            }
          }
        }
      }

      -channel {
        $homePageSection

        div.threads {
          div.thread {
            div.context {
              background: #fff
              min-width: 8rem
              padding: .1rem .3rem
              border: 1px solid #ddd
              border-radius: 2px
            }
          }
        }
      }

      -group {
        $homePageSection
      }
    }
  }
}

$homePageSection {
  $maxWidth
  margin-left: auto
  margin-right: auto

  display: flex
  flex-direction: column
  align-items: center
  margin-bottom: 1.5rem

  h2 {
    color: #888
    font-size: 1rem
    text-align: center
    padding-bottom: .3rem
    width: 420px
    margin-top: 0
    margin-bottom: .4rem
  }

  div.threads {
    div.thread {
      display: flex
      align-items: center

      margin-bottom: .5rem

      div.context {
        display: flex
        margin-right: 1rem

        img {
          $smallAvatar
          margin-right: .5rem
        }
      }

      div.content {
        flex-grow: 1
        background: #fff
        padding: 1rem
        border: 1px solid #ddd
        border-radius: 2px

        div.subject {
          font-size: 1.2rem
          margin-bottom: .3rem

          $largeMarkdown
        }
        div.reply {
          display: flex
          color: #444

          div.replySymbol {
            margin-left: .7rem
            margin-right: .3rem
          }

          $smallMarkdown
        }
      }
    }
  }
}