Change event background-color on :hover

nbarry10 · Jan 15, 2016 · 9b75115 · 9b75115
1 parent a581720
commit 9b75115
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/wdn/templates_4.1/scripts/js-css/events-band.less b/wdn/templates_4.1/scripts/js-css/events-band.less
@@ -47,14 +47,21 @@
             display: flex;
             flex: 1;
         }
+
+        &:hover {
+
+            .event {
+                background-color: @events-blue;
+            }
+        }
     }
 
     .event {
         position: relative;
         padding: 0;
         transition: background-color .3s ease; // lesshat
         overflow: hidden;
-        background-color: lighten(@events-blue, 2%);
+        background-color: lighten(@events-blue, 5%);
 
         .flexbox & {
             display: flex;
@@ -74,7 +81,7 @@
 
         .dateTime {
             background-color: #0c3e65;
-            background-color: darken(@events-blue, 10%);
+            background-color: fadeout(#000, 60%);
             float: left;
             text-align: center;
             width: 30%;