|
|
|
|
// prefix class
|
|
|
|
|
@css-prefix : ant-;
|
|
|
|
|
|
|
|
|
|
// color
|
|
|
|
|
@primary-color : #2db7f5;
|
|
|
|
|
|
|
|
|
|
// ------ Base & Require ------
|
|
|
|
|
@body-background : #fff;
|
|
|
|
|
|
|
|
|
|
@font-family : "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", Arial, sans-serif;
|
|
|
|
|
@code-family : "PT Mono", Menlo, "Courier New", monospace;
|
|
|
|
|
@text-color : #666;
|
|
|
|
|
@font-size-base : 12px;
|
|
|
|
|
@line-height-base : 1.5;
|
|
|
|
|
|
|
|
|
|
// ICONFONT
|
|
|
|
|
@iconfont-css-prefix : anticon;
|
|
|
|
|
@icon-url : "//at.alicdn.com/t/font_1433747417_2381783";
|
|
|
|
|
|
|
|
|
|
// LINK
|
|
|
|
|
@link-color : #00abea;
|
|
|
|
|
@link-hover-color : #23C0FA;
|
|
|
|
|
@link-hover-decoration : none;
|
|
|
|
|
|
|
|
|
|
// Disabled cursor for form controls and buttons.
|
|
|
|
|
@cursor-disabled : not-allowed;
|
|
|
|
|
|
|
|
|
|
// Animation
|
|
|
|
|
@duration-300 : .3s;
|
|
|
|
|
@duration-400 : .4s;
|
|
|
|
|
@duration-500 : .5s;
|
|
|
|
|
@duration-600 : .6s;
|
|
|
|
|
@duration-700 : .7s;
|
|
|
|
|
@duration-800 : .8s;
|
|
|
|
|
@duration-900 : .9s;
|
|
|
|
|
@duration-1000 : 1.0s;
|
|
|
|
|
@duration-1100 : 1.1s;
|
|
|
|
|
@duration-1200 : 1.2s;
|
|
|
|
|
@ease-out : cubic-bezier(0.25, 0.8, 0.25, 1);
|
|
|
|
|
@ease-in : cubic-bezier(0.55, 0, 0.55, 0.2);
|
|
|
|
|
@ease-in-out : cubic-bezier(0.35, 0, 0.25, 1);
|
|
|
|
|
@ease-out-back : cubic-bezier(0.18, 0.89, 0.32, 1.28);
|
|
|
|
|
@ease-in-back : cubic-bezier(0.6, -0.3, 0.74, 0.05);
|
|
|
|
|
@ease-in-out-back : cubic-bezier(0.68, -0.55, 0.27, 1.55);
|
|
|
|
|
@ease-out-circ : cubic-bezier(0.08, 0.82, 0.17, 1);
|
|
|
|
|
@ease-in-circ : cubic-bezier(0.6, 0.04, 0.98, 0.34);
|
|
|
|
|
@ease-in-out-circ : cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
|
|
|
|
|
|
|
|
|
// BUTTONS
|
|
|
|
|
@btn-font-weight : normal;
|
|
|
|
|
|
|
|
|
|
@btn-primary-color : #fff;
|
|
|
|
|
@btn-primary-bg : #2db7f5;
|
|
|
|
|
@btn-primary-border : #2db7f5;
|
|
|
|
|
|
|
|
|
|
@btn-default-color : #666;
|
|
|
|
|
@btn-default-bg : #f3f5f7;
|
|
|
|
|
@btn-default-border : #d9d9d9;
|
|
|
|
|
|
|
|
|
|
@btn-ghost-color : #666;
|
|
|
|
|
@btn-ghost-bg : #fff;
|
|
|
|
|
@btn-ghost-border : #d9d9d9;
|
|
|
|
|
|
|
|
|
|
@btn-disable-color : #ccc;
|
|
|
|
|
@btn-disable-bg : #f3f5f7;
|
|
|
|
|
@btn-disable-border : #d9d9d9;
|
|
|
|
|
|
|
|
|
|
@btn-padding-base : 4px 15px;
|
|
|
|
|
@btn-border-radius-base : 14px;
|
|
|
|
|
|
|
|
|
|
@btn-font-size-lg : 14px;
|
|
|
|
|
@btn-padding-lg : 4px 15px 5px 15px;
|
|
|
|
|
@btn-border-radius-lg : 16px;
|
|
|
|
|
|
|
|
|
|
@btn-padding-sm : 1px 15px;
|
|
|
|
|
@btn-border-radius-sm : 11px;
|
|
|
|
|
|
|
|
|
|
@btn-circle-size : 28px;
|
|
|
|
|
@btn-circle-size-lg : 32px;
|
|
|
|
|
@btn-circle-size-sm : 22px;
|
|
|
|
|
|
|
|
|
|
// Border
|
|
|
|
|
@border-radius-base : 6px;
|
|
|
|
|
|
|
|
|
|
// Media queries breakpoints
|
|
|
|
|
// Extra small screen / phone
|
|
|
|
|
@screen-xs : 480px;
|
|
|
|
|
@screen-xs-min : @screen-xs;
|
|
|
|
|
@screen-xs-max : (@screen-xs-min - 1);
|
|
|
|
|
|
|
|
|
|
// Small screen / tablet
|
|
|
|
|
@screen-sm : 768px;
|
|
|
|
|
@screen-sm-min : @screen-sm;
|
|
|
|
|
@screen-sm-max : (@screen-sm-min - 1);
|
|
|
|
|
|
|
|
|
|
// Medium screen / desktop
|
|
|
|
|
@screen-md : 992px;
|
|
|
|
|
@screen-md-min : @screen-md;
|
|
|
|
|
@screen-md-max : (@screen-md-min - 1);
|
|
|
|
|
|
|
|
|
|
// Large screen / wide desktop
|
|
|
|
|
@screen-lg : 1200px;
|
|
|
|
|
@screen-lg-min : @screen-lg;
|
|
|
|
|
@screen-lg-max : (@screen-lg-min - 1);
|
|
|
|
|
|
|
|
|
|
// Layout and Grid system
|
|
|
|
|
@grid-columns : 24;
|
|
|
|
|
@grid-gutter-width : 0;
|
|
|
|
|
|
|
|
|
|
// Container sizes
|
|
|
|
|
@container-sm : (720px + @grid-gutter-width);
|
|
|
|
|
@container-md : (940px + @grid-gutter-width);
|
|
|
|
|
@container-lg : (1140px + @grid-gutter-width);
|
