fixed and issue of calc with the latest postcss upgrade

README.md

@@ -107,6 +107,8 @@ Below are is a sample of how to setup the loaders:
 2. `npm test`
 
 ## History
+
+* 1.1.5 - Fixed a calc bug from the lastest postcss
 * 1.1.4 - Updated dependencies (for security)
 * 1.1.3 - Fixed a bug with a missing parent scroll class. Removed `dist/` folder
 * 1.1.2 - Updated React dependencies (for React 16)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ship-components-select",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "Material Design React Select Box",
   "main": "src/Select.js",
   "scripts": {

src/select.css

@@ -4,16 +4,16 @@
 }
 
 .icon {
-  height: calc($base-grid-size * 8px - 2px);
-  width: calc($base-grid-size * 8px - 2px);
-  line-height: calc($base-grid-size * 8px - 2px) !important;
+  height: calc($base-grid-size * 8 - 2px);
+  width: calc($base-grid-size * 8 - 2px);
+  line-height: calc($base-grid-size * 8 - 2px) !important;
   text-align: center;
   font-size: 20px;
   &:before {
     display: block;
     transition: 500ms all ease;
     transform: rotateZ(0);
-    line-height: calc($base-grid-size * 8px - 2px);
+    line-height: calc($base-grid-size * 8 - 2px);
   }
 }
 
@@ -24,15 +24,14 @@
 .label {
   font-size: 12px;
   position: absolute;
-  top: calc($base-grid-size * -4px);
+  top: calc($base-grid-size * -4);
 }
 
 .control {
   box-sizing: border-box;
   height: calc($base-grid-size * 8);
-  line-height: calc($base-grid-size * 8 - 2);
+  line-height: calc($base-grid-size * 8 - 2px);
   font-size: 16px;
-  border-bottom: 1px solid rgba(#000, 0.18);
   display: flex;
   cursor: pointer;
   border-bottom: 1px solid rgba(0, 0, 0, 0.18);