From b17aab3dac936ceacf842f18413df5a00847a29c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julie=20Th=C3=A9z=C3=A9nas?= <julie@lydra.fr>
Date: Mon, 11 Apr 2022 16:38:44 +0200
Subject: [PATCH] feat: add hover on pages

---
 src/css/custom.css      | 31 ++++++++++++++++++++++++++++++-
 src/pages/dummy_page.md |  8 ++++++++
 2 files changed, 38 insertions(+), 1 deletion(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 9ab33cb..39f4da8 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -224,6 +224,10 @@ html[data-theme='dark'] .footer__copyright {
   color: var(--ifm-color-tonic-three);
 }
 
+.menu__link--active:not(.menu__link--sublist):hover {
+  background-color: var(--ifm-color-frame);
+}
+
 /******* Dark theme ********/
 /* html[data-theme='dark'] a {
   color: var(--ifm-color-frame);
@@ -235,4 +239,29 @@ html[data-theme='dark'] .footer__copyright {
 
 html[data-theme='dark'] .menu__link--active:hover {
   color: var(--ifm-color-frame);
-}
\ No newline at end of file
+  transition: 0.3s;
+}
+
+html[data-theme='dark'] .menu__link--active:not(.menu__link--sublist) {
+  color: var(--ifm-color-tonic-one) !important;
+  font-weight: bolder;
+}
+
+html[data-theme='dark'] .menu__link--active:not(.menu__link--sublist):hover {
+  background-color: var(--ifm-color-tonic-one);
+  color: var(--ifm-color-frame) !important;
+  font-weight: bolder;
+  transition: 0.3s;
+}
+
+html[data-theme='dark'] a:hover {
+  font-weight: bolder;
+  color: var(--ifm-color-frame);
+  text-decoration: none;
+  transition: 0.3s;
+}
+
+/*********** page FAQ ***********/
+html[data-theme='dark'] .table-of-contents__link:hover code, .table-of-contents__link--active, .table-of-contents__link--active code {
+  color: var(--ifm-color-frame);
+}
diff --git a/src/pages/dummy_page.md b/src/pages/dummy_page.md
index f7e7dbd..b1dd427 100644
--- a/src/pages/dummy_page.md
+++ b/src/pages/dummy_page.md
@@ -6,3 +6,11 @@ description: "page factice"
 # Page factice
 
 Page factice penser à créer une vraie page !
+
+```
+.footer__bottom {
+  font-family: var(--ifm-font-family); 
+  font-weight: 600;
+} 
+
+```
\ No newline at end of file
-- 
GitLab