Update NodeJS version for Travis checks

Fix loading circle in IE11

.travis.yml

@@ -1,7 +1,7 @@
 cache: false
 language: node_js
 node_js:
-  - "4.1"
+  - "6.14.2"
 
 install:
   - npm install

src/scss/cdb-components/forms/_checkbox.scss

@@ -111,3 +111,14 @@
     opacity: 0;
   }
 }
+
+.CDB-Checkbox:checked:disabled + .CDB-Checkbox-face {
+  border: 1px solid $cSecondaryLine;
+  background: $cThirdBackground;
+
+  &::before,
+  &::after {
+    background: $cAltText;
+    opacity: 1;
+  }
+}

src/scss/cdb-components/forms/_option-input.scss

@@ -179,9 +179,10 @@
     &:focus::after,
     &:hover::after {
       position: absolute;
+      top: -1px;
       left: -1px;
       width: 1px;
-      height: calc(100% + 2px);
+      height: $baseSize * 4;
       content: '';
     }
 

src/scss/cdb-components/forms/_selects.scss

@@ -77,10 +77,10 @@
   box-sizing: border-box;
 
   &:hover {
-    border: 1px solid $cHoverLine;
+    border: 1px solid $cBlueHover;
   }
   &:focus {
-    border: 1px solid $cBlue;
+    border: 1px solid $cBlackHover;
     outline: none;
   }
   &:disabled {
@@ -90,6 +90,10 @@
   &.has-error {
     @include default-form-error-style();
   }
+
+  &.is-cursor {
+    cursor: pointer;
+  }
 }
 
 .CDB-FieldError .CDB-Select,

src/scss/cdb-components/shapes/_toogle-arrow.scss

@@ -126,6 +126,17 @@ Description
   }
 }
 
+.CDB-ArrowToogle.is-mini {
+  &::before {
+    left: 3px;
+    width: 6px;
+  }
+  &::after {
+    right: 3px;
+    width: 6px;
+  }
+}
+
 .CDB-ArrowToogle.is-blue {
   &::before {
     background: $cBlue;

src/scss/cdb-utilities/_helpers.scss

@@ -38,6 +38,9 @@
 .u-lSpace--s {
   margin-left: 2px;
 }
+.u-lSpace--m {
+  margin-left: 8px;
+}
 .u-lSpace--xl {
   margin-left: 12px;
 }