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

// 设置颜色（主色，背景色，边框）
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


// 设置主按钮颜色
s-set-btn-color($color)
  s-set-color(white, $color, $color)
  &^[0]-outline
    s-set-color($color, white, $color)
  &:hover
    s-set-color(white, shade($color, 10%), shade($color, 10%))
  &:active,
  &.active
    s-set-color(white, shade($color, 20%), shade($color, 20%))

// 设置normal按钮颜色
s-set-normal-btn-color($color)
  s-set-color($color, white, $border-color-base)
  &:hover
    s-set-color($color, tint($color, 90%), tint($color, 80%))
  &:active,
  &.active
    s-set-color($color, shade(tint($color, 90%), 5%), shade(tint($color, 80%), 5%))