/*
 * @Author: 天吾
 * @Date: 2019-01-23 16:29:55
 * @Last Modified by: 天吾
 * @Last Modified time: 2019-04-27 19:55:52
 */

/*
    size 统一用  sm base lg  表示,  对于不能满足的情况, 仿照衣服尺寸加上 x(EXTRA) 比如  font-size-xlg 表示特大
*/

// Prefix
@prefix: "gd";

@navigation: ~'@{prefix}-navigation';
@account: ~'@{prefix}-account';
@button: ~'@{prefix}-button';
@button-group: ~'@{prefix}-button-group';
@modal: ~'@{prefix}-modal';
@icon: ~'@{prefix}-icon';
@mask: ~'@{prefix}-mask';
@menu: ~'@{prefix}-menu';
@sub-menu: ~'@{prefix}-sub-menu';
@menu-item: ~'@{prefix}-menu-item';
@badge: ~'@{prefix}-badge';
@editor-sidebar: ~'@{prefix}-editor-sidebar';
@editor-sidebar-panel: ~'@{prefix}-editor-sidebar-panel';
@tabs: ~'@{prefix}-tabs';
@tab-panel: ~'@{prefix}-tab-panel';
@progress: ~'@{prefix}-progress';
@quick-link: ~'@{prefix}-quick-link';
@quick-link-item: ~'@{prefix}-quick-link-item';
@loadmore: ~'@{prefix}-loadmore';
@popover: ~'@{prefix}-popover';
@nomore-templets: ~'@{prefix}-nomore-templets';
@user-preference: ~'@{prefix}-user-preference';

@editor-help: ~'@{prefix}-editor-help';
@editor-help-menu-bar: ~'@{prefix}-editor-help-menu-bar';
@editor-help-content: ~'@{prefix}-editor-help-content';

@tooltip: ~'@{prefix}-tooltip';

@auth: ~'@{prefix}-auth';

@auth-modal: ~'@{prefix}-auth-modal';

@select: ~'@{prefix}-select';
@select-option: ~'@{prefix}-select-option';
@lazy-image: ~'@{prefix}-lazy-image';
@pagination: ~'@{prefix}-pagination';
@questionnaire: ~'@{prefix}-questionnaire';
@header: ~'@{prefix}-header';
@rate: ~'@{prefix}-rate';
@tag: ~'@{prefix}-tag';


// Color
@color-primary: #005CF9;
@color-success: #0CA701;
@color-warning: #ff9900;
@color-danger: #FF3D00;
@color-normal: #e6ebf1;
@color-black: #000000;

@color-primary-tint-1: #337DFA;
@color-primary-tint-2: #85B1FC;
@color-primary-tint-3: #EBF2FF;

@color-success-tint-1: tint(@color-success, 80%);
@color-success-tint-2: tint(@color-success, 48%);
@color-success-tint-3: tint(@color-success, 8%);

@color-warning-tint-1: tint(@color-warning, 80%);
@color-warning-tint-2: tint(@color-warning, 48%);
@color-warning-tint-3: tint(@color-warning, 8%);

@color-danger-tint-1: #FF6433;
@color-danger-tint-2: #FFA285;
@color-danger-tint-3: #FFF0EB;

@color-error: @color-danger;

@black100: #000;
@black80: #444950;
@black70: #606770;
@black45: #939ba6;

@color-h1: #37474f;
@color-sub-title-1: #37474f;
@color-body: #37474f;
@color-sub-title-2: #546E7A;
@color-nav-title: #78909C;
@color-caption: #90A4AE;
@color-disable: #CFD8DC;
@color-stroke: #eee;
@color-divider: #ECEFF1;
@color-white: #ffffff;
@color-font: #333;
@color-border: #e0e5eA;

@bg-tint: #F8F8F8;
@bg-disable: @bg-tint;

// font
@font-size-h1: 24px;
@font-size-h2: 20px;
@font-size-sub-title-1: 16px;
@font-size-sub-title-2: 14px;
@font-size-body: 14px;
@font-size-caption: 12px;

@font-size-xxlg: 32px;
@font-size-xlg: 24px;
@font-size-lg: 16px;
@font-size-base: 14px;
@font-size-sm: 13px;
@font-size-xsm: 12px;

//border
@border-radius-base: 4px;
@border-radius-sm: 2px;
@border-radius-lg: 6px;

@border-color-default: @color-stroke;
@border-color-black: rgb(7, 3, 3);
@border-color-disable: @color-stroke;

@border-width-base: 1px;

@border-style-base : solid;


// margin
@margin-xsm: 6px;
@margin-sm: 12px;
@margin-base: 16px;
@margin-l: 18px;
@margin-lg: 20px;
@margin-xlg: 24px;
@margin-xxlg: 28px;
@margin-xxxlg: 36px;
@margin-xxxxlg: 90px;