change css ext to scss

Author: mkg0

package.json

@@ -8,7 +8,7 @@
     "prebuild": "rm -rf dist/* & rm -rf demo/dist/*",
     "build": "NODE_ENV=production & yarn build-library & yarn build-demo",
     "build-demo": "webpack -p",
-    "build-library": "babel ./src --out-dir ./dist --ignore test.js & postcss 'src/styles.css' -d dist & postcss 'src/theme/*.css' -d 'dist/theme'",
+    "build-library": "babel ./src --out-dir ./dist --ignore test.js & postcss 'src/styles.scss' -d dist & postcss 'src/theme/*.scss' -d 'dist/theme'",
     "lint": "eslint 'src/**/*.js'",
     "test": "jest"
   },

src/calendar.css src/calendar.scsssrc/calendar.css renamed to src/calendar.scss

@@ -0,0 +1,5 @@
+@import 'calendar.scss';
+@import 'dateRange.scss';
+@import 'dayCell.scss';
+@import 'dateRangePicker.scss';
+@import 'definedRanges.scss';

src/dateRange.css src/dateRange.scsssrc/dateRange.css renamed to src/dateRange.scss

@@ -44,6 +44,7 @@
   font-weight: 600;
   select{
     appearance: none;
+    -webkit-appearance: none;
     border: 0;
     background: transparent;
     padding: 10px 30px 10px 10px;
@@ -325,9 +326,11 @@
   text-align: center;
   border: solid 1px rgb(222, 231, 235);
   margin-right: 10px;
+  color: rgb(108, 118, 122);
   &:focus, &:hover{
     border-color: rgb(180, 191, 196);
     outline: 0;
+    color: #333;
   }
 }