.uif-tips
  border 1px solid transparent
  padding 5px 12px
  position relative
  &-icon
    position absolute
    line-height inherit
  &.large
  &.info
  &.import
  &.alert
  &.success
    font-size 14px
    line-height 28px
    padding 5px 12px 5px 36px
    .uif-tips-icon
      top 5px
      left 12px
      font-size 20px
  &.small
  &.message
  &.warning
    font-size 12px
    line-height 20px
    padding 5px 12px 5px 28px
    .uif-tips-icon
      font-size 16px
      left 8px


  &.info
    color #394B59
    padding-top 0
    padding-bottom @padding-top
    .uif-tips-icon
      color #17A0E6
      top 0
  &.import
    color #FA5F1C
    border-color #F7D9D0
    background-color #FFECE6
    border-radius 2px
  &.alert
    color #F5313B
    border-color #FFDBD9
    background-color #FFECEB
    border-radius 2px
  &.success
    color #299929
    border-color #CBE7CB
    background-color #F4FAF4
    border-radius 2px
  &.message
    color #BCBCBC
    background-color #FBFBFB
  &.warning
    color #101113
    background-color #FFF6E6
    .uif-tips-icon
      color #EFAC27
  &.no-icon
    position unset
    padding-left 12px