$wptls-background      ?= #f2f2f2
$wptls-color           ?= #333
$wptls-img-width       ?= 72px
$wptls-margin          ?= 30px 0
$wptls-padding         ?= 18px
$wptls-radius          ?= 3px
$wptls-title-font-size ?= 14px
$wptls-uri-font-size   ?= 0.7em

.wptls
  margin: $wptls-margin

  &__item
    display: flex
    padding: $wptls-padding
    background: $wptls-background
    border-radius: $wptls-radius
    text-decoration: none

  &__img
    flex-shrink: 0
    margin: 0 $wptls-padding 0 0
    width: $wptls-img-width

    > img
      display: block
      max-width: 100%
      height: auto !important

  &__content
    flex-grow: 1

  &__favicon
    width: 16px
    height: 16px
    vertical-align: middle
    margin-right: 5px
    border-radius: 1px

&__title
    margin: 0
    font-weight: bold
    font-size: $wptls-title-font-size
    line-height: 1.5

  &__domain
    margin-top: $wptls-padding
    color: #999
    word-wrap: break-word
    font-size: $wptls-uri-font-size
    line-height: 1