Merge pull request #38 from resilient-tech/hover-style-on-title

style: Hover Effect On Title `India Compliance`
resilient-tech · Jun 9, 2024 · 11b0e76 · 11b0e76
2 parents 1dcfb62 + 2195ce7
commit 11b0e76
Showing 1 changed file with 25 additions and 21 deletions.
diff --git a/pages/.vitepress/theme/index.css b/pages/.vitepress/theme/index.css
@@ -1,39 +1,43 @@
 #app {
-    position: relative;
-    z-index: 1;
+  position: relative;
+  z-index: 1;
 }
 
 .medium-zoom-overlay {
-    z-index: 20;
+  z-index: 20;
 }
 
 .medium-zoom-image {
-    z-index: 21;
+  z-index: 21;
 }
 
-p>img {
-    width: 100%;
-    border-radius: 8px;
+p > img {
+  width: 100%;
+  border-radius: 8px;
 }
 
 .VPButton {
-    border-radius: 6px !important;
+  border-radius: 6px !important;
+}
+
+.VPNavBarTitle .title:hover {
+  color: var(--vp-c-brand-1);
 }
 
 :root {
-    --vp-c-brand-1: var(--vp-c-green-1);
-    --vp-c-brand-2: var(--vp-c-green-2);
-    --vp-c-brand-3: var(--vp-c-green-3);
-    --vp-c-brand-4: hsl(152deg 53% 20%);
-    --vp-c-brand: var(--vp-c-brand-3);
-    --vp-home-hero-name-color: var(--vp-c-brand);
-    --vp-button-brand-bg: var(--vp-c-brand-3);
+  --vp-c-brand-1: var(--vp-c-green-1);
+  --vp-c-brand-2: var(--vp-c-green-2);
+  --vp-c-brand-3: var(--vp-c-green-3);
+  --vp-c-brand-4: hsl(152deg 53% 20%);
+  --vp-c-brand: var(--vp-c-brand-3);
+  --vp-home-hero-name-color: var(--vp-c-brand);
+  --vp-button-brand-bg: var(--vp-c-brand-3);
 }
 
 .dark {
-    --vp-c-brand: var(--vp-c-brand-2);
-    --vp-c-bg: hsl(206.25deg 42.11% 7.45%);
-    --vp-c-bg-alt: hsl(206.25deg 42.11% 5.45%);
-    --vp-c-bg-soft: hsl(204deg 23.81% 12.35%);
-    --vp-c-bg-soft-lighter: hsl(204deg 23.81% 20%);
-}
+  --vp-c-brand: var(--vp-c-brand-2);
+  --vp-c-bg: hsl(206.25deg 42.11% 7.45%);
+  --vp-c-bg-alt: hsl(206.25deg 42.11% 5.45%);
+  --vp-c-bg-soft: hsl(204deg 23.81% 12.35%);
+  --vp-c-bg-soft-lighter: hsl(204deg 23.81% 20%);
+}