/**
 * 配置项
 * @Author 瞿龙俊 - qulongjun@shine.design
 * @Date 2020-03-22 13:02
 */

// Layout
$shine-aside-default-width: 265px;
$shine-aside-minimize-width: 70px;
$shine-aside-offcanvas-width: 255px;



// Brand Color
$shine-state-colors: (
  // states
  brand: (
    base: #5D78FF,
    inverse: #FFFFFF
  ),
  light: (
    base: #FFFFFF,
    inverse: #282a3c
  ),
  dark: (
    base: #282A3C,
    inverse: #FFFFFF
  ),
  grace:(
    base: #00C5DC,
    inverse: #FFFFFF
  ),
  metal: (
    base: #C4C5D6,
    inverse: #FFFFFF
  ),
  accent: (
    base: #716ACA,
    inverse: #FFFFFF
  ),
  focus: (
    base: #9816F4,
    inverse: #FFFFFF
  ),

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

// Layout Skins
$shine-layout-skins: (
  dark: #1e1e2d,
  light: #ffffff
);

// content bg color
$shine-content-bg-color: #f2f3f8;

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

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

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