/**
 * 变量 覆盖 Bootstrap
 * @Author 瞿龙俊 - qulongjun@shine.design
 * @Date 2019/3/24 14:43
 */
$enable-rounded: $shine-rounded; // pass rounded corners setting to bootstrap SASS

// 字体
$font-family-base:									shine-get($shine-font-families, regular);



// 色彩系统
$primary:       									shine-get($shine-state-colors, primary, base) !default;
$secondary:     									#e1e1ef !default;
$success:       									shine-get($shine-state-colors, success, base) !default;
$info:          									shine-get($shine-state-colors, info, base) !default;
$warning:       									shine-get($shine-state-colors, warning, base) !default;
$danger:        									shine-get($shine-state-colors, danger, base) !default;
$light:         									#f8f9fa !default;
$dark:          									#343a40 !default;

$theme-colors: (
												  	"primary":    $primary,
												   	"secondary":  $secondary,
												    "success":    $success,
												    "info":       $info,
												    "warning":    $warning,
												    "danger":     $danger,
												    "light":      $light,
												    "dark":       $dark
);



// 栅格系统

$grid-breakpoints: 									$shine-media-breakpoints !default;

// 边框
$border-radius:               						.25rem !default;
$border-radius-lg:            						.3rem !default;
$border-radius-sm:            						.2rem !default;


// 表单和按钮控制
$btn-font-weight:             						normal !default;
$input-plaintext-color:                 			shine-base-color(label, 3) !default;
$input-placeholder-color:               			shine-base-color(label, 2) !default;

$btn-secondary-color:								shine-base-color(label, 3) !default;
$btn-secondary-hover-bg-color:						#f4f5f8 !default;
$input-border-radius:                   			$shine-border-radius !default;
$input-btn-padding-y:       						.65rem;
$input-btn-padding-x:       						1rem;
$input-btn-line-height:     						1.5;

$input-btn-padding-y-sm:    						.5rem;
$input-btn-padding-x-sm:    						1rem;
$input-btn-line-height-sm:  						1.5;

$input-btn-padding-y-lg:    						1.15rem;
$input-btn-padding-x-lg:    						1.65rem;
$input-btn-line-height-lg:  						1.5;

$input-border-color:								shine-base-color(grey, 3) !default;
$input-focus-border-color:							lighten(shine-state-color(brand, base), 12%);
$input-disabled-bg:                     			shine-base-color(grey, 1) !default;
$input-readonly-bg:                     			#ffffff !default;
$input-group-icon-color:                     		shine-base-color(label, 2) !default;

$input-group-addon-color:               			shine-base-color(label, 2) !default;
$input-group-addon-bg:                  			shine-base-color(grey, 1) !default;

// Button elevate shadows
$btn-elevate-shadow-1:								0px 0px 11px 0px rgba(56,36,99,0.08);
$btn-elevate-shadow-1-hover:						0px 0px 22px 0px rgba(56,36,99,0.11);
$btn-elevate-shadow-2:								0px 0px 11px 0px rgba(56,36,99,0.10);
$btn-elevate-shadow-2-hover:						0px 0px 22px 0px rgba(56,36,99,0.13);
$btn-elevate-shadow-3:								0px 0px 11px 0px rgba(56,36,99,0.12);
$btn-elevate-shadow-3-hover:						0px 0px 22px 0px rgba(56,36,99,0.15);


// 表格
$table-bg:                      					transparent !default;
$table-accent-bg:               					lighten(#f4f5f8, 1%);
$table-hover-bg:                					lighten(#f4f5f8, 2%);
$table-active-bg:               					shine-state-color(primary, base);

$table-border-color:            					shine-base-color(grey, 2);

$table-head-bg:                 					shine-base-color(grey, 2);
$table-head-color:              					shine-base-color(label, 3);


// Card
$card-border-color:                 				shine-base-color(grey, 2) !default;
$card-cap-bg:                       				shine-base-color(grey, 1) !default;


// List group
$list-group-border-color:           				shine-base-color(grey, 2) !default;
$list-group-hover-bg:               				shine-base-color(grey, 2) !default;


// Modal
$modal-inner-padding:								1.25rem !default;
$modal-header-padding:								1.25rem !default;

$modal-content-border-color:        				shine-base-color(grey, 2) !default;
$modal-content-box-shadow-xs:       				0 .25rem .5rem rgba(shine-base-color(grey, 2), .5) !default;
$modal-content-box-shadow-sm-up:   	 				0 .5rem 1rem rgba(shine-base-color(grey, 2), .5) !default;

$modal-header-border-color:         				shine-base-color(grey, 2) !default;
$modal-footer-border-color:         				shine-base-color(grey, 2) !default;


// Pagination
$pagination-color:                  				shine-state-color(brand, base) !default;
$pagination-border-color:           				shine-base-color(grey, 2) !default;

$pagination-hover-bg:              	 				shine-base-color(grey, 2) !default;
$pagination-hover-border-color:     				shine-base-color(grey, 2) !default;

$pagination-disabled-border-color:  				shine-base-color(grey, 2) !default;



// Popovers
$popover-font-size:                 				0.9rem !default;
$popover-max-width:                 				276px !default;
$popover-border-width:              				1px !default;
$popover-border-color:              				#ffffff !default;
$popover-border-radius:             				3px !default;
$popover-box-shadow:                				0px 0px 20px 0px rgba(0,0,0,0.15) !default;

$popover-header-bg:                 				#ffffff !default;
$popover-header-color:              				shine-base-color(label, 3) !default;
$popover-header-padding-y:          				1rem !default;
$popover-header-padding-x:          				1.25rem !default;

$popover-body-color:                				shine-base-color(label, 2) !default;



// Tooltips
$tooltip-font-size:                 				0.9rem !default;
$tooltip-max-width:                 				200px !default;
$tooltip-color:                     				shine-base-color(label, 3) !default;
$tooltip-bg:                        				#ffffff !default;
$tooltip-border-radius:             				3px !default;
$tooltip-opacity:                   				1 !default;
$tooltip-padding-y:                 				.75rem !default;
$tooltip-padding-x:                 				1rem !default;
$tooltip-margin:                    				0 !default;

// Custom Toasts
$toast-zindex:										$shine-dropdown-zindex + 100 !default;
$toast-spacing:										2rem  !default;
$toast-width: 										350px !default;
$toast-box-shadow:									$shine-dropdown-shadow !default;

$toast-header-color: 								shine-base-color(label, 3) !default;
$toast-header-background-color: 					#fff !default;
$toast-header-border-color:							shine-base-color(grey, 2) !default;



// Progress bars
$progress-bg:                       				shine-get-color() !default;



// Dropdown
$dropdown-box-shadow:								$shine-dropdown-shadow !default;
$zindex-dropdown:                   				$shine-dropdown-zindex !default;



// Text muted
$text-muted:                  						shine-base-color(label, 2) !default;



// Badges
$badge-padding-y:                   				.5em !default;
$badge-padding-x:                   				.75em !default;
$badge-font-size:                   				85% !default;


// Grid columns
$grid-gutter-width:           						20px !default;


// Dropdowns
//
// Dropdown menu container and contents.
$dropdown-link-color:               				shine-base-color(label, 2) !default;
$dropdown-link-hover-color:         				shine-base-color(label, 3) !default;
$dropdown-link-hover-bg:            				shine-base-color(grey, 1) !default;

$dropdown-link-active-color:        				shine-brand-color(inverse) !default;
$dropdown-link-active-bg:           				shine-brand-color() !default;

$dropdown-link-disabled-color:      				shine-base-color(label, 1) !default;

$dropdown-header-color:             				shine-base-color(label, 2) !default;

/** 媒体查询分界 */
$breakpoints: (
  xs: 0,
  /** 小屏幕或移动设备 */
  sm: 576px,
  /** 中等屏幕或平板设备 */
  md: 768px,
  /** 大屏幕或桌面设备 */
  lg: 992px,
  /** 大屏幕或桌面设备 */
  xl: 1200px,
  /** 大屏幕或宽屏设备 */
  xxl: 1400px,
  /** 大屏幕或宽屏设备 */
  xxxl: 1600px,
) !default;

/** 布局列间隔 */
$gutter: 30px !default;
/** 容器分界 */
$container-max-widths: $breakpoints !default;
/** 最大布局列数 */
$columns: 24 !default;