Contents

.logchimp
  display: flex
  flex-direction: column

  &-heading
    padding: 12px 0
    text-align: center
    border-bottom: 1px solid #f1f1f1
    font-weight: 500
    background-color: rgba(255,255,255,.9)
    font-size: 14px
    top: 0
    border-top-left-radius: 6px
    border-top-right-radius: 6px

  &-item
    display: flex
    padding: 7px 16px
    flex-direction: row
    color: #666
    font-size: 13px
    flex-wrap: wrap
    text-decoration: inherit

    &:hover
      .logchimp-item-description
        text-decoration: underline

    &:first-child
      padding-top: 12px
      
    &:last-child
      padding-bottom: 12px

    &-category
      border-radius: 10px
      color: $white
      font-size: 11px
      padding: 2px 6px
      margin-right: 5px

    &-title
      color: #222c36
      font-weight: 500
      margin-right: 5px

    &-description
      line-height: 18px

  &-seemore
    background: #fcfcfc
    color: #a8a8a8
    font-size: 12px
    padding: 10px 0
    text-align: center
    border-top: 1px solid #f1f1f1
    margin-top: auto
    bottom: 0
    border-bottom-left-radius: 6px
    border-bottom-right-radius: 6px

    a
      color: #a8a8a8
      text-decoration: underline

  &-heading, &-seemore
    position: sticky

html, body, .logchimp
  height: 100%

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
logchimp-0.1.0	_sass/5-pages/_widget.sass