.SnippetContainer
  fullsize()
  .tags
    a
      margin 0 2px
  .SnippetList
    absolute top bottom left
    width 250px
    border-right solid 1px highlightenBorderColor

    &>ul
      absolute top bottom left right
      overflow-y auto
      li
        border-bottom solid 1px borderColor
        padding 10px
        cursor pointer
        .callSign
          margin-bottom 5px
          font-weight 600
        .description
          margin-bottom 5px
        .updatedAt
          margin-bottom 5px
          color lighten(textColor, 25%)
          font-size 0.8em
        &:hover, &.hover
          background-color hoverBackgroundColor
          &:active, &.active
            background-color white
        &:active, &.active
          border solid 2px brandBorderColor
          padding 9px 9px 8px

  .SnippetViewer
    absolute top bottom right
    left 250px
    .viewer-header
      height 44px
      line-height 44px
      padding 0 15px
      border-bottom solid 1px borderColor
      box-sizing border-box
      small
        font-size 0.5em
      .control-group
        float right
        button
          margin 0 2px
    .viewer-body
      absolute bottom right
      left 1px
      top 44px
      .viewer-detail
        border-bottom solid 1px borderColor
        padding 10px
        .description
          margin-bottom 15px
      .content
        padding 5px 0
        .ace_editor
          height 500px