Add default color for today's tile

Closes #112
wojtekmaj · Sep 26, 2019 · 0fff2fd · 0fff2fd
1 parent 74f8c21
commit 0fff2fd
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/src/Calendar.less b/src/Calendar.less
@@ -105,6 +105,17 @@
       }
     }
 
+    &--now {
+      @bgcolor: lighten(rgb(220, 220, 0), 30%);
+      background: @bgcolor;
+
+      &:enabled {
+        &:hover, &:focus {
+          background: lighten(@bgcolor, 10%);
+        }
+      }
+    }
+
     &--hasActive {
       @bgcolor: lighten(rgb(0, 110, 220), 30%);
       background: @bgcolor;

diff --git a/test/Test.less b/test/Test.less
@@ -98,17 +98,6 @@ body {
         &__tile {
           min-height: 70px; // Custom content used
 
-          &--now {
-            @bgcolor: lighten(rgb(25, 150, 25), 30%);
-            background: @bgcolor;
-
-            button&:enabled {
-              &:hover, &:focus {
-                background: lighten(@bgcolor, 10%);
-              }
-            }
-          }
-
           p {
             margin: 0;
             line-height: 0.75;
@@ -138,7 +127,7 @@ body {
             @bgcolor: rgb(0, 110, 220);
 
             &.react-calendar__tile--now {
-              background-color: mix(@bgcolor, lighten(rgb(25, 150, 25), 30%));
+              background-color: mix(@bgcolor, lighten(rgb(220, 220, 0), 30%));
             }
 
             &.red {