$grid-prefix: column- !default;
$css-prefix-iconfont : icon;

//主题色
$theme-color: #f1635e;
$primary-color:#6dd9fa;
$secondary-color:#91d100;
$important-color:#f1635e;

//中性色
$app-color:#f8f8f8;
$disabled-color:#f7f7f7;
$background-color-select-hover:#f7f7f7;
$background-color:#eee;
$split-color: #e9eaec;  // inside
$border-color:#e9eaec;
$button-color:#ddd;
$property-color:#ccc;
$icon-color:#ccc;
$sub-color:#999;
$input-color:#666;
$content-color:#666;
$content-color-light:#fff;
$sub-title-color:#666;
$title-color:#333;
$mask-color:rgba(0,0,0,0.4);

//功能色
$info-color:#03a9f4;
$success-color:#5cb85c;
$warning-color:#ff9900;
$error-color:#d9534f;

//标志色
$price-color:#DD2727;
$member-color: #bb9b6a;

//透明色
$transparent:transparent;
$light-transparent:rgba(255, 255, 255, 0.5);
$gray-transparent:rgba(128, 128, 128, 0.5);
$dark-transparent:rgba(0, 0, 0, 0.5);

//灰度色
$black: #000 !default;
$dark: #333 !default;
$dark-gray: #999 !default;
$gray: #ddd !default;
$light-gray:#eee !default;
$light:  #fff !default;
$white:  #fff !default;

//圆角
$border-radius: 0.4rem !default;

//层叠顺序
$zindex-fixed:100;
$zindex-sticky:100;

$zindex-masker:1000;

$zindex-dropdown:10000;
$zindex-popup:10000;
$zindex-modal:10000;
$zindex-tooltip: 1000;
$zindex-transfer: 1060;

$zindex-busy:100000;
$zindex-toast:100000;
$zindex-message:100000;
$zindex-back-top:100000;
$zindex-loading-bar:100000;

//超链接色
$link-color:$primary-color !default;
$link-hover-color:darken($link-color, 15%) !default;
$link-active-color:darken($link-color, 15%) !default;

// Media queries breakpoints
// Extra small screen / phone
$xs:480px;
$xs-up: $xs;
$xs-down:($xs-up)-1;

// Small screen / tablet
$sm:768px;
$sm-up: $sm;
$sm-down:($sm-up)-1;

// Medium screen / desktop
$md:992px;
$md-up: $md;
$md-down:($md-up)-1;

// Large screen / wide desktop
$lg:1200px;
$lg-up: $lg;
$lg-down:($lg-up)-1;

$spacer0:0;
$spacer: 1.2rem !default;
$space-harf:$spacer*0.5;
$spacer1-5:$spacer*1.5;
$spacer2:$spacer*2;
$spacer3:$spacer*3;
$spacer4:$spacer*4;
$spacer5:$spacer*5;

$text-span:$space-harf;
$layout-span:$spacer2;
$component-span:$spacer;
$component-span-large: $spacer2;
$component-span-larger:$spacer3;
$component-span-huger:$spacer4;
$content-padding:$spacer;
$input-padding:$space-harf;
$text-padding:$space-harf;
$icon-text-span:$space-harf;

$font-weight-normal:normal;
$font-weight-semibold:600;
$font-weight-bold:bold;

$page-header-height:6.4rem;

$component-size-smaller:1.8rem;
$component-size-small:2.4rem;
$component-size:3.2rem;
$component-size-large:4.4rem;
$component-size-larger:6.4rem;
$component-size-huger:9.6rem;

$border-width:0.1rem;
$border-width-large:0.2rem;

$font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
$font-size-small:1rem;
$font-size:1.2rem;
$font-size-large:1.4rem;
$font-size-larger:1.6rem;
$font-size-largest:2rem;
$font-size-huger:2.4rem;
$content-font-size:1.2rem;
$line-height-base: 1.5;
$line-height-computed: floor(($font-size * $line-height-base));

// Shadow
$shadow-color: rgba(0, 0, 0, 0.2);
$shadow-card: 0 1px 1px 0 rgba(0,0,0, 0.1);
$shadow-up: 0 0 6px $shadow-color;
$shadow-down: 0 1px 6px $shadow-color;
$shadow-left: -1px 0 6px $shadow-color;
$shadow-right: 1px 0 6px $shadow-color;
$shadow-base: $shadow-down;
$light-shadow: 1px 1px 3px $border-color;

// Animation
$animation-time: 0.3s;
$transition-time: 0.3s;
$ripple-animation-transition:0.7s transform cubic-bezier(0.2, 0.4, 0.4, 0.9), 0.3s opacity cubic-bezier(0.2, 0.4, 0.4, 0.1);
$ripple-animation-visible-opacity: 0.3;
$ease-in-out : ease-in-out;

// Slider
$slider-color: lighten($primary-color, 10%);
$slider-height: 4px;
$slider-margin: 16px 0;
$slider-button-wrap-size: 18px;
$slider-button-wrap-offset: -4px;
$slider-disabled-color: $disabled-color;

$cursor-disabled: not-allowed;