@import '010_mixins.css.sass'

#sr-boards-index
  margin: 0
  text-align: center
  width: 100%

  .sr-board-wrapper
    display: inline-block
    margin: 8px 0 0 0
    width: 100%

    .sr-board
      margin: 0 8px 0 8px

      a.sr-cover-wrapper
        display: block
        padding: 4px 4px 2px 4px
        img
          width: 100%

        h2
          text-align: left
          @include overflow-ellipsis
          margin: 0 3px 4px

      .sr-board-thumbnails
        padding: 0 4px 4px 4px

        ul
          height: 45px
          list-style: none
          display: inline-block
          overflow: hidden
          padding-left: 0
          text-align: center
          white-space: nowrap
          font-size: 0
          width: 100%

          li
            float: none
            display: inline-block
            padding-right: 2px

            &:last-child
              padding-right: 0

            img
              height: 43px
              width: 43px

      .sr-board-description
        padding: 4px
        text-align: left
        p
          @include line-limit(4)
          margin-bottom: 4px
          margin-top: 0