/**
 * @Author 瞿龙俊 - qulongjun@shine.design
 * @Date 2020-03-22 13:06
 */

// Functions
@import '../core/functions';
// Mixins
@import '../core/mixins';

$shine-media-breakpoints: (
  // Extra small screen / phone
  xs: 0,

  // Small screen / phone
  sm: 576px,

  // Medium screen / tablet
  md: 768px,

  // Large screen / desktop
  lg: 1024px, //1024px,

  // Extra large screen / wide desktop
  xl: 1399px
) !default;

// Global rounded border mode
$shine-rounded: true !default;

// Border Radius
$shine-border-radius: 4px !default;

// Core icon codes(lineawesome icons: https://icons8.com/line-awesome)
$shine-action-icons: (
  close: '\f191',
  down: '\f110',
  up: '\f113',
  left: '\f111',
  right: '\f112',
  plus: '\f2c2',
  minus: '\f28e'
) !default;

$shine-action-bold-icons: (
  down: '\f1b1',
  up: '\f1b3',
  left: '\f1b2',
  right: '\f1a9'
) !default;

// Elevate shadow
$shine-elevate-shadow: 0px 0px 13px 0px rgba(82,63,105,0.05) !default;
$shine-elevate-shadow-2: 0px 0px 13px 0px rgba(82,63,105,0.1) !default;

// Dropdown shadow
$shine-dropdown-shadow: 0px 0px 50px 0px rgba(82,63,105, 0.15) !default;

// Custom scrollbar color
$shine-scroll-color: darken(#ebedf2, 6%) !default;

// Transition
$shine-transition: all 0.3s !default;

// Modal Z-index
$shine-modal-zindex: 1050 !default;

// dropdown Z-index
$shine-dropdown-zindex: 95 !default;

// State colors
$shine-state-colors: (
  // states
  brand: (
    base: #505ae2,
    inverse: #ffffff
  ),
  light: (
    base: #ffffff,
    inverse: #282a3c
  ),
  dark: (
    base: lighten(#4c467a, 12%),
    inverse: #ffffff
  ),
  focus: (
    base: #9816F4,
    inverse: #FFFFFF
  ),

  // Bootstrap states
  primary: (
    base: #5867dd,
    inverse: #ffffff
  ),
  success: (
    base: #1dc9b7,
    inverse: #ffffff
  ),
  info: (
    base: #5578eb,
    inverse: #ffffff
  ),
  warning: (
    base: #ffb822,
    inverse: #111111
  ),
  danger: (
    base: #fd397a,
    inverse: #ffffff
  )
)!default;

// Base colors
$shine-base-colors: (
  label: (
    1: #a2a5b9,
    2: #74788d,
    3: #595d6e,
    4: #48465b
  ),
  shape: (
    1: #f0f3ff,
    2: #e8ecfa,
    3: #93a2dd,
    4: #646c9a
  ),
  grey: (
    1: #f7f8fa, //#f4f5f8
    2: #ebedf2,
    3: darken(#ebedf2, 3%),
    4: darken(#ebedf2, 6%)
  )
) !default;

// Social network colors
$shine-social-colors: (
  facebook: (
    base: #3b5998,
    inverse: #ffffff
  ),
  google: (
    base: #dc4e41,
    inverse: #ffffff
  ),
  twitter: (
    base: #4AB3F4,
    inverse: #ffffff
  ),
  instagram: (
    base: #517fa4,
    inverse: #ffffff
  ),
  youtube: (
    base: #b31217,
    inverse: #ffffff
  ),
  linkedin: (
    base: #0077b5,
    inverse: #ffffff
  )
) !default;

// Root Font Settings
$shine-font-families: (
  regular: 'Poppins',
  heading: 'Poppins'
) !default;

// Root Font Settings
$shine-font-size: (
  size: (
    desktop: 13px,
    tablet: 12px,
    mobile: 12px
  ),
  weight: 300
) !default;

// General Link Settings
$shine-font-color: (
  text: #646c9a,
  link: (
    default: shine-state-color(brand),
    hover: darken(shine-state-color(brand), 6%)
  )
) !default;

// Portlet settings
$shine-portlet: (
  min-height: (
    default: (
      desktop: 60px,
      mobile: 50px
    ),
    sm: (
      desktop: 50px,
      mobile: 40px
    ),
    lg: (
      desktop: 80px,
      mobile: 60px
    ),
    xl: (
      desktop: 100px,
      mobile: 80px
    )
  ),
  space: (
    desktop: 25px,
    mobile: 15px
  ),
  bottom-space: (
    desktop: 20px,
    mobile: 20px
  ),
  border-color: shine-base-color(grey, 2),
  bg-color: #ffffff,
  shadow: 0px 0px 30px 0px rgba(82,63,105,0.05)
) !default;

// Page padding
$shine-page-padding: (
  desktop: 25px,
  mobile: 15px
) !default;

// Page container width
$shine-page-container-width: 1380px !default;

// Custom Scroll(Perfect Scrollbar) size
$shine-custom-scroll-size: 4px !default;

/** 水平对齐选项 */
$shine-justify: (name:start, value:flex-start), (name:end, value:flex-end), (name:center, value:center),
(name:space-around, value:space-around), (name:space-between, value:space-between);

/** 垂直对齐选项 */
$shine-align: (name:top, value:flex-start), (name:bottom, value:flex-end), (name:middle, value:center);