From c9ae2f1b2ef43d288d370181b9e069e0ab1cd547 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Sun, 15 Aug 2021 13:42:51 -0700
Subject: CSS: use a class for the menu

We will have more use of the tag `nav` and we will need different styles
for it.
---
 users/fcuny/blog/static/css/custom.css | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

(limited to 'users/fcuny/blog/static/css')

diff --git a/users/fcuny/blog/static/css/custom.css b/users/fcuny/blog/static/css/custom.css
index 08a7c0a..b4e37bc 100644
--- a/users/fcuny/blog/static/css/custom.css
+++ b/users/fcuny/blog/static/css/custom.css
@@ -103,7 +103,7 @@ blockquote {
     font-style: italic;
 }
 
-nav {
+nav.menu {
     display: flex;
     flex: 2 0px;
     justify-content: flex-end;
@@ -112,13 +112,13 @@ nav {
     line-height: 0.2rem;
 }
 
-nav ul {
+nav.menu ul {
     display: flex;
     list-style-type: none;
     margin: 0
 }
 
-nav a {
+nav.menu a {
     padding: 1em;
     display: inline-block;
     color: black;
@@ -127,17 +127,16 @@ nav a {
     transition: all 75ms ease-in;
 }
 
-nav a:hover {
+nav.menu a:hover {
     color: #fff;
     background-color: #007d9c;
 }
 
-nav a.menu-active:hover {
+nav.menu a.menu-active:hover {
     color: #fff;
     background-color: #007d9c;
 }
 
-nav a.menu-active {
+nav.menu a.menu-active {
     color: #007d9c;
 }
-
-- 
cgit 1.4.1