.n-tip
  display inline-block
  &-normal
    min-width 116px
    padding 12px
  &-dark
    color #FFF
    padding 16px
    background-color $n-color-2
  &-info
    color #FFF
    padding 4px 12px
    border-radius 2px
    background-color $n-color-2
  &-content
    padding 0 4px
    text-align inherit
    white-space pre-wrap

.n-tip-enter-active
.n-tip-leave-active
  transition opacity 0.1s ease
.n-tip-enter
.n-tip-leave-to
  opacity 0


.n-ellipsis-1
  overflow hidden
  white-space nowrap
  text-overflow ellipsis
.n-ellipsis-2
.n-ellipsis-3
.n-ellipsis-4
.n-ellipsis-5
.n-ellipsis-6
  overflow hidden
  display -webkit-box
  word-break break-all
  text-overflow ellipsis
  -webkit-box-orient vertical
for n in 2 3 4 5 6
  .n-ellipsis-{n}
    -webkit-line-clamp n

.n-tip-directive
  left 0
  top 0
  position fixed
  visibility hidden
  max-width 50vw