diff options
author | Franck Cuny <franck@fcuny.net> | 2021-08-15 13:42:51 -0700 |
---|---|---|
committer | Franck Cuny <franck@fcuny.net> | 2021-08-15 13:42:51 -0700 |
commit | 0d5e2812c71d9b76885a04c0167d0b59e4e4827d (patch) | |
tree | 819457c77c73024f5a8267236c68e9d2233ddb07 /users/fcuny/notes/static | |
parent | blog: replace github with git.fcuny.net (diff) | |
download | world-0d5e2812c71d9b76885a04c0167d0b59e4e4827d.tar.gz |
CSS: use a class for the menu
We will have more use of the tag `nav` and we will need different styles for it.
Diffstat (limited to 'users/fcuny/notes/static')
-rw-r--r-- | users/fcuny/notes/static/css/custom.css | 13 |
1 files changed, 6 insertions, 7 deletions
diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css index 08a7c0a..b4e37bc 100644 --- a/users/fcuny/notes/static/css/custom.css +++ b/users/fcuny/notes/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; } - |