scss-lint-fix: 🎨♻️ Fix lint errors of combine css values combined wit…

…h scss variable - due to an update of "stylelint-config-standard" to v37

Hacker0x01#5343 (comment)

src/stylesheets/datepicker.scss

@@ -13,7 +13,7 @@
   font-size: $datepicker__font-size;
   background-color: #fff;
   color: $datepicker__text-color;
-  border: 1px solid $datepicker__border-color;
+  border: $datepicker__border;
   border-radius: $datepicker__border-radius;
   display: inline-block;
   position: relative;
@@ -62,7 +62,7 @@
 .react-datepicker__header {
   text-align: center;
   background-color: $datepicker__background-color;
-  border-bottom: 1px solid $datepicker__border-color;
+  border-bottom: $datepicker__border;
   border-top-left-radius: $datepicker__border-radius;
   padding: 8px 0;
   position: relative;
@@ -268,7 +268,7 @@ h2.react-datepicker__current-month {
 
 .react-datepicker__time-container {
   float: right;
-  border-left: 1px solid $datepicker__border-color;
+  border-left: $datepicker__border;
   width: 85px;
 
   &--with-today-button {
@@ -491,7 +491,7 @@ h2.react-datepicker__current-month {
   }
 
   &--in-selecting-range:not(&--in-range) {
-    background-color: rgba($datepicker__selected-color, 0.5);
+    background-color: $datepicker__selected-color--disabled;
   }
 
   &--in-range:not(&--in-selecting-range) {
@@ -582,7 +582,7 @@ h2.react-datepicker__current-month {
   z-index: 1;
   text-align: center;
   border-radius: $datepicker__border-radius;
-  border: 1px solid $datepicker__border-color;
+  border: $datepicker__border;
 
   &:hover {
     cursor: pointer;
@@ -682,7 +682,7 @@ h2.react-datepicker__current-month {
 
 .react-datepicker__today-button {
   background: $datepicker__background-color;
-  border-top: 1px solid $datepicker__border-color;
+  border-top: $datepicker__border;
   cursor: pointer;
   text-align: center;
   font-weight: bold;

src/stylesheets/variables.scss

@@ -6,12 +6,14 @@ $datepicker__highlighted-color: #3dcc4a !default;
 $datepicker__holidays-color: #ff6803 !default;
 $datepicker__muted-color: #ccc !default;
 $datepicker__selected-color: #216ba5 !default;
+$datepicker__selected-color--disabled: rgba($datepicker__selected-color, 0.5);
 $datepicker__text-color: #000 !default;
 $datepicker__header-color: #000 !default;
 $datepicker__navigation-disabled-color: color.adjust(
   $datepicker__muted-color,
   $lightness: 10%
 ) !default;
+$datepicker__border: 1px solid $datepicker__border-color;
 $datepicker__border-radius: 0.3rem !default;
 $datepicker__day-margin: 0.166rem !default;
 $datepicker__font-size: 0.8rem !default;