// 该文档用于定义项目的样式通用方法

// 设置颜色（主色，背景色，边框）
s-set-color($color, $background, $border)
  color $color
  background-color $background
  border-color $border


// 设置文字（字号，字高）
s-set-font($size, $height)
  font-size $size
  line-height $height

// btn normal default
u-set-btn-color($color)
  s-set-color(#142133, $color, $color)
  &^[0]-outline
    s-set-color(#142133, transparent, $color)
  &.hover
  &:hover
    s-set-color($primary-color, #D8EEFC, $primary-color)
  &.active
  &:active
    s-set-color($primary-color, #ABDDFC, $primary-color)

// btn primary danger dark
u-set-fill-btn-color($color)
  s-set-color(white, $color, $color)
  &^[0]-outline
    s-set-color($color, transparent, $color)
  &.hover
  &:hover
    s-set-color(white, shade($color, 15%), shade($color, 15%))
  &.active
  &:active
    s-set-color(white, shade($color, 30%), shade($color, 30%))

// btn size
u-set-btn-size($padding, $circle)
  padding $padding
  &^[0]-circle
    border-radius $circle

// btn icon-size
u-set-btn-icon-size($size, $transform)
  line-height 12px
  font-size $size
  width @font-size
  transform $transform
  &.uif-loading
    margin-top -6px
    margin-left -($size / 2)


// tag color
u-set-tag-color($color)
  &.active
    .uif-tag-svg
      fill $color
    .uif-tag-text
      color #FFF
      background-color $color
  &.checkable:hover
    .uif-tag-svg
      fill shade($color, 15%)
    .uif-tag-text
      color #FFF
      background-color shade($color, 15%)