From 5924bcec3109feb6b61c2b3b2807604c42986cf4 Mon Sep 17 00:00:00 2001
From: sahilrawat001 <sahilrawat80@gmail.com>
Date: Sat, 30 Oct 2021 10:54:26 -0700
Subject: [PATCH] Added colors on hovering

---
 demo.html | 2 +-
 hint.css  | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/demo.html b/demo.html
index 3a1bf7b..c286fd3 100644
--- a/demo.html
+++ b/demo.html
@@ -278,7 +278,7 @@ <h2>Tryout</h2>
 
 						<h3>Color Modifiers</h3>
 						<p>
-							<a class="status-icon  hint--bottom-right  hint--error" style="background:indianred" aria-label="This is an error tooltip">
+							<a class="status-icon   hint--bottom-right  hint--error" style="background:indianred" aria-label="This is an error tooltip">
 								<svg style="width:24px;height:24px" viewBox="0 0 24 24">
 										<path fill="#ffffff" d="M8.27,3L3,8.27V15.73L8.27,21H15.73L21,15.73V8.27L15.73,3M8.41,7L12,10.59L15.59,7L17,8.41L13.41,12L17,15.59L15.59,17L12,13.41L8.41,17L7,15.59L10.59,12L7,8.41" />
 								</svg>
diff --git a/hint.css b/hint.css
index 83fece9..01086e2 100644
--- a/hint.css
+++ b/hint.css
@@ -343,8 +343,7 @@
   -webkit-transform: translateY(8px);
   -moz-transform: translateY(8px);
   transform: translateY(8px); }
-
-/**
+ /**
  * source: hint-sizes.scss
  *
  * Defines width restricted tooltips that can span
@@ -522,6 +521,12 @@
 .hint--success.hint--right:before {
   border-right-color: #458746; }
 
+
+  .position-grid__cell:hover {
+    background-color: #ADD8E6;
+  }
+ 
+
 /**
  * source: hint-always.scss
  *