.uk-tooltip
  display: none
  position: fixed
  z-index: 1030
  +box-sizing(border-box)
  max-width: 200px
  padding: 5px 8px
  background: #333333
  color: rgba(255, 255, 255, 0.7)
  font-size: 14px
  line-height: 20px
  text-align: center
  margin-left: -5px

  &:after
    content: ""
    display: block
    position: absolute
    width: 0
    height: 0
    border: 5px dashed #333333

.uk-tooltip-top:after,
.uk-tooltip-top-left:after,
.uk-tooltip-top-right:after
  bottom: -5px
  border-top-style: solid
  border-bottom: none
  border-left-color: transparent
  border-right-color: transparent
  border-top-color: #333333

.uk-tooltip-bottom:after,
.uk-tooltip-bottom-left:after,
.uk-tooltip-bottom-right:after
  top: -5px
  border-bottom-style: solid
  border-top: none
  border-left-color: transparent
  border-right-color: transparent
  border-bottom-color: #333333

.uk-tooltip-top:after,
.uk-tooltip-bottom:after
  left: 50%
  margin-left: -5px

.uk-tooltip-top-left:after,
.uk-tooltip-bottom-left:after
  left: 17px

.uk-tooltip-top-right:after,
.uk-tooltip-bottom-right:after
  right: 17px

.uk-tooltip-left:after
  right: -5px
  top: 50%
  margin-top: -5px
  border-left-style: solid
  border-right: none
  border-top-color: transparent
  border-bottom-color: transparent
  border-left-color: #333333

.uk-tooltip-right:after
  left: -5px
  top: 50%
  margin-top: -5px
  border-right-style: solid
  border-left: none
  border-top-color: transparent
  border-bottom-color: transparent
  border-right-color: #333333