//
// 声明常用变量
// ============================================================

// 网格列数
// ------------------------------------------------------------
$grid-columns: 12


// 文本
// ------------------------------------------------------------
$font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif
//$font-family: "Helvetica Neue", "Marmelad", "Lucida Grande", "Hiragino Sans GB", Georgia, "Microsoft YaHei", sans-serif
$line-height: 1.5
$line-height-normal: 1

$font-size-default: 14
$font-size-xl: $font-size-default * 1.85
$font-size-lg: $font-size-default * 1.45
$font-size-md: $font-size-default * 1.25
$font-size-sm: $font-size-default * 1.15
$font-size-xs: $font-size-default * .85

$font-size: (xl: $font-size-xl, lg: $font-size-lg, md: $font-size-md, sm: $font-size-sm, default: $font-size-default, xs: $font-size-xs)

$title: (h1: $font-size-xl, h2: $font-size-lg, h3: $font-size-md, h4: $font-size-sm, h5: $font-size-default, h6: $font-size-xs)


// color
// ------------------------------------------------------------
$color-default: #4fbaea     // 默认颜色，项目色

$color-black: #000
$color-white: white
$color-info: #92dbff
$color-success: #5ceb9c
$color-warning: #fdd578
$color-danger: #fc7979
$color-translucence: rgba(0, 0, 0, .5)

$color-gray: #777
$color-gray-light: #bbb

$link-hover: darken($color-default, 10%)
$link-active: darken($color-default, 25%)

$font-color: (black: $color-black, gray: $color-gray, gray-light: $color-gray-light, default: $color-default, white: $color-white, info: $color-info, success: $color-success, warning: $color-warning, danger: $color-danger)

$background-color:  (default: $color-default, white: $color-white, info: $color-info, success: $color-success, warning: $color-warning, danger: $color-danger, f9: #f9f9f9)


// form
// ------------------------------------------------------------
$input-status: (success, warning, danger)

$button-color: ( white: $color-white, info: $color-info, success: $color-success, warning: $color-warning, danger: $color-danger)


// margin/padding
// ------------------------------------------------------------
$margin-padding-lg: 15
$margin-padding-md: 10
$margin-padding-sm: 5

$margin-padding-size: (lg: $margin-padding-lg, md: $margin-padding-md, sm: $margin-padding-sm)


// border
// ------------------------------------------------------------
$border-radius: 5px
$border-round: 1000px
$border-color-default: #e0e0e0
$border-color: (default: $color-default, white: $color-white, info: $color-info, success: $color-success, warning: $color-warning, danger: $color-danger, gray: $color-gray-light)


// table
// ------------------------------------------------------------
$table-thead-color: #333
$table-striped-thead: #f0f0f0
$table-striped-tbody: #f9f9f9
$table-hover: #f5f5f5


// transition、animation
// ------------------------------------------------------------
$timing-function: cubic-bezier(0.1, 0.57, 0.1, 1)


// alert
// ------------------------------------------------------------
$modal-shade-z-index: 1180
$modal-z-index: 1080
$modal-box-z-index: 1380
$modal-shade-background: rgba(0, 0, 0, .65)

$alert-content-z-index: 1280
$alert-color: (info: $color-info, success: $color-success, warning: $color-warning, danger: $color-danger)


// Media
// ------------------------------------------------------------
$screen-type: "only screen"

$screen-sm: 750px
$screen-md: 970px
$screen-lg: 1280px

$media-xs: #{$screen-type} "and (max-width: #{$screen-sm})"
$media-sm: #{$screen-type} "and (min-width: #{$screen-sm})"
$media-md: #{$screen-type} "and (min-width: #{$screen-md})"
$media-lg: #{$screen-type} "and (min-width: #{$screen-lg})"
$media-max-lg: #{$screen-type} "and (max-width: #{$screen-lg})"
$media-min-lg: #{$screen-type} "and (min-width: #{$screen-lg})"

$media: (xs: $media-xs, sm: $media-sm, md: $media-md, lg: $media-lg)

$screen-size: (sm: $screen-sm, md: $screen-md, lg: $screen-lg)


// 滚动条
// ------------------------------------------------------------
$scroll-width: 5px
$scrollbar-track-color: #f9f9f9
$scrollbar-thumb-color: #ebebeb


// 下列列表
// ------------------------------------------------------------
$list-item-hover-background: #f5f5f5
$list-item-active-background: #f9f9f9


// 移动端设计稿宽度
// ------------------------------------------------------------
$design-width: 750 !default
$dpr: 1 2 2.5 2.75 3 4