// Ionic 变量和主体配置
// http://ionicframework.com/docs/v2/theming/
@import "ionic.globals";

// 方向配置
// -------------------------------
$pos-full:(
  a:'all',
  h:'horizontal',
  v:'vertical',
  l:'left',
  r:'right',
  t:'top',
  b:'bottom'
);
$pos:(
  l:'left',
  r:'right',
  t:'top',
  b:'bottom'
);
//== 边框线
$border-styles:(
  dotted:dotted,
  dashed:dashed
);

// 颜色配置
// --------------------------------------------------
$gray-333:          #333;
$gray-666:          #666;
$gray-999:          #999;

$transparent:       transparent;/*透明*/
$white:             #fff;
$dark:#262626;
$gray:#7d7d7d;
$gray-light:        #c9c9c9;
$gray-lighter:      #dcdcdc;
$gray-lightest:     #f6f6f6;

//$primary:           #aa8535;
$primary:           #d0af68;
$primary-light:     #c3a970;
$primary-lighter:   #d7b468;
$primary-dark:      #a17e32;
$secondary:         #ecb954;
$red:               #bf3504;
$red-light:         #FF565C;
$disable:           #c9c9c9;
$pink:              #ff7c7b;
$yellow:            #feb33f;
$blue:              #6dabde;
$green:             #68ba8a;
$purple:            #968eef;
$stable:            #f8f8f8;
$light:             #327eff;

$text-color:        #262626;
$border-color:      #e6e6e6;
$background-color:  #f1f5f8;

// 其他配置
$border-radius-base:              5px;
$border-radius-large:             10px;
$border-radius-small:             2px;


// 统一ionic颜色变量
// --------------------------------------------------
$colors: (
  primary:         $primary,
  primary-light:   $primary-light,
  primary-lighter: $primary-lighter,
  primary-dark:    $primary-dark,
  secondary:       $secondary,
  red:             $red,
  red-light:       $red-light,
  yellow:          $yellow,
  pink:            $pink,
  danger:          $red,
  gray:            $gray,
  gray-light:      $gray-light,
  gray-lighter:    $gray-lighter,
  gray-lightest:   $gray-lightest,
  dark:            $dark,
  blue:            $blue,
  green:           $green,
  purple:          $purple,
  light:           $light
);
$border-color:                    #e6e6e6 !default;

// 基础样式
// -------------------------------
$font-size-xsmall:          10px;
$font-size-small:           12px;
$font-size-base:            12px;
$font-size-big:             14px;
$font-size-xbig:            16px;
$font-size-large:           18px;
$font-size-xlarge:          20px;
$font-size-xxlarge:         24px;

$font-family-songti:              "宋体", Helvetica, Arial, sans-serif;
$font-family-number:              Arial, "Helvetica Neue", Helvetica, sans-serif;
$font-family-sans-serif:          Helvetica, "微软雅黑", Arial, sans-serif;
$font-family-serif:               serif !default;
$font-family-monospace:           monospace !default;
$font-family-base:                $font-family-sans-serif !default;

$padding-base:			    	  10px !default;
$padding-base-vertical:           6px !default;
$padding-base-horizontal:         12px !default;

$padding-large-vertical:          10px !default;
$padding-large-horizontal:        16px !default;

$padding-small-vertical:          5px !default;
$padding-small-horizontal:        10px !default;

$line-height-base:                1.428571429; // 20/14
$line-height-computed:            floor($font-size-base * $line-height-base);
$line-height-large:               1.33;
$line-height-small:               1.5;


// IOS变量
// --------------------------------------------------



// Android Material Design 变量
// --------------------------------------------------




// Windows Phone 变量
// --------------------------------------------------




// App 主题
// --------------------------------------------------
@import "ionic.theme.default";
@import "./mixins";