@charset "utf-8";


@import "./function";
// @import "../../node_modules/sass-sandal/core/reset";

// basic
//-----------------------------------------------------

// 1. Prevent iOS text size adjust after orientation change, without disabling user zoom.


// html {
//   -ms-text-size-adjust: 100%; // 1
//   -webkit-text-size-adjust: 100%; // 1
//   -webkit-tap-highlight-color: transparent; // 2
//   height: 100%;
//   font-size: 62.5%;
//   font-family: "Hiragino Sans GB", "Microsoft Yahei", arial, \5b8b\4f53, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
// }

// body {
//   margin: 0;
//   font-size: 14px;
//   line-height: 1.5;
//   color: $colorText;
//   background-color: $colorBg;
//   min-height: 100%;
//   box-sizing: border-box;
// }

// h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
//   margin: 0;
// }

// h2{
//     margin-bottom: 0;
// }

// ul/ol
ol, ul {
  list-style: none outside none;
}

ul, ol, li, dl, dd {
  margin: 0;
  padding: 0;
}

// table
table {
  border-collapse: collapse;
  border-spacing: 0;
  box-sizing: border-box;
}

td, th {
  padding: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

// a
a {
  text-decoration: none;
  background: transparent;
  color: $colorLink;

  &:hover {
    text-decoration: none;
  }

  &:active,
  &:hover {
    outline: 0;
  }
}

// img
img {
  border: 0; // 1
  vertical-align: middle; // 0
}

// html5
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

nav:active {
  outline: 0;
}

// hn
// h1, h2, h3, h4, h5{
//   font-size: 140%;
//   font-weight: bold;
// }



// q/blockquote
q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: none;
}

// others
i, em {
  font-style: normal;
}


// address, caption, cite, code, dfn, th, var, i, s {
//   font-style: normal;
//   font-weight: normal;
// }

div[contenteditable=true] {
  -webkit-line-break: after-white-space;
  -webkit-nbsp-mode: space;
  -webkit-user-modify: read-write;
  word-wrap: break-word;
}

// form
//----------------------------------------------------------
fieldset {
  border: 0;
}

button {
  white-space: nowrap;
  overflow: visible;
}

button, input,
optgroup,
select,
textarea {
  color: inherit; // 1
  font: inherit; // 2
  margin: 0; // 3
}

// Address inconsistent `text-transform` inheritance for `button` and `select`.
// All other form control elements do not inherit `text-transform` values.
// Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
// Correct `select` style inheritance in Firefox.
button,
select {
  text-transform: none;
}

// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
//    and `video` controls.
// 2. Correct inability to style clickable `input` types in iOS.
// 3. Improve usability and consistency of cursor style between image-type
//    `input` and others.
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; // 2
  cursor: pointer; // 3
}

// Re-set default cursor for disabled elements.
button[disabled],
html input[disabled] {
  cursor: default;
}

// Remove inner padding and border in Firefox 4+.
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

// 1. Address Firefox 4+ setting `line-height` on `input` using `!important` in
//    the UA stylesheet.
// 0. clear webkit add style
input {
  line-height: normal; // 1

  &:focus {
    outline: 0; // 0
  }
}

// It's recommended that you don't attempt to style these elements.
// Firefox's implementation doesn't respect box-sizing, padding, or width.

// 1. Address box sizing set to `content-box` in IE 8/9/10.
// 2. Remove excess padding in IE 8/9/10.
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; // 1
  padding: 0; // 2
  vertical-align: middle;
}

// Fix the cursor style for Chrome's increment/decrement buttons. For certain
// `font-size` values of the `input`, it causes the cursor style of the
// decrement button to change from `default` to `text`.
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

// 1. Address `appearance` set to `searchfield` in Safari and Chrome.
// 2. Address `box-sizing` set to `border-box` in Safari and Chrome
//    (include `-moz` to future-proof).
input[type="search"] {
  -webkit-appearance: textfield; // 1
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; // 2
  box-sizing: border-box;
}

// Remove inner padding and search cancel button in Safari and Chrome on OS X.
// Safari (but not Chrome) clips the cancel button when the search input has
// padding (and `textfield` appearance).
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

// input's clear or reveal in IE 10+
input::-ms-clear,
input::-ms-reveal {
  display: none;
}

// Android 下 input focus 消除高亮外框
textarea, input {
  $c: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: $c; // for sass-lint
  -webkit-user-modify: read-write-plaintext-only;
  outline: none !important;
}

// 表单placeholder样式
// Firefox 19+
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: $colorPlaceholder;
}

// Internet Explorer 10+
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: $colorPlaceholder;
}

// Safari and Chrome
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: $colorPlaceholder;
}

.placeholder {
  color: $colorPlaceholder;
}

// basic class
//----------------------------------------------------------
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

// Components
.im-dropdown-dropdown-list, .im-form{
  font-size: 14px;
}

.icon-demo {
  $ren: #f00;
  $orange: #ffa500;
  $yellow: #ffc107;
  $green: #008000;
  $blue: #00f;
  $indigo: #0ff;
  $purple: #800080;
  $black: #000;
  $default: #666;

  .icon-big {
    font-size: 22px;
  }

  ul {
    display: block;

    &::after {
      clear: both;
      content: " ";
      display: block;
      height: 0;
      width: 0;
    }

    &.icon-red {
      color: $ren;
    }

    &.icon-orange {
      color: $orange;
    }

    &.icon-yellow {
      color: darken($yellow, 15%);
    }

    &.icon-green {
      color: $green;
    }

    &.icon-blue {
      color: $blue;
    }

    &.icon-indigo {
      color: $indigo;
    }

    &.icon-purple {
      color: $purple;
    }

    &.icon-black {
      color: $black;
    }
  }

  li {
    display: block;
    float: left;
    height: 100px;
    width: 150px;

    .im-icon {
      display: inherit;
      line-height: 40px;
      text-align: center;
      font-size: 36px;
    }

    span {
      display: inherit;
      text-align: center;
    }
  }
}