// Prefix
@ant-prefix : ant;
@prefix: ant;
// primary-color
@primary-color: #108ee9;
@success-color: #00a854;
@error-color: #f04134;
@warning-color: #ffbf00;
// Media queries breakpoints
// Extra small screen / phone
@screen-xs : 480px;
@screen-xs-min : @screen-xs;
// Small screen / tablet
@screen-sm : 768px;
@screen-sm-min : @screen-sm;
// Medium screen / desktop
@ant-prefix: ant;
@screen-md : 992px;
@screen-md-min : @screen-md;
// Large screen / wide desktop
@screen-lg : 1200px;
@screen-lg-min : @screen-lg;
// Extra Large screen / full hd
@screen-xl : 1600px;
@screen-xl-min : @screen-xl;
// provide a maximum
@screen-xs-max : (@screen-sm-min - 1);
@screen-sm-max : (@screen-md-min - 1);
@screen-md-max : (@screen-lg-min - 1);
@screen-lg-max : (@screen-xl-min - 1);
// Grid system
@grid-columns : 24;
@grid-gutter-width : 0;
@iconfont-css-prefix : anticon;
@text-color-secondary : fade(#000, 43%);
@ease-in-out : cubic-bezier(0.645, 0.045, 0.355, 1);
@font-size-base : 12px;
// NProgress
@nprogess-color: #00a854;
@loadingColor: @primary-color;