From 070466ad19d636371ff2a11fa3f54354804d1643 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luiz=20Ot=C3=A1vio?= <luizomf@gmail.com>
Date: Thu, 27 Apr 2023 12:03:14 -0300
Subject: [PATCH] Estilizando o CSS da nav de menu

---
 .../base/global/partials/menu.html            |  6 ++---
 .../base/static/global/css/style.css          | 25 +++++++++++++++++++
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/aula207_ola_django/base/global/partials/menu.html b/aula207_ola_django/base/global/partials/menu.html
index c760a06..8a64b41 100644
--- a/aula207_ola_django/base/global/partials/menu.html
+++ b/aula207_ola_django/base/global/partials/menu.html
@@ -1,5 +1,5 @@
-<nav>
-  <ul>
+<nav class="menu">
+  <ul class="menu__links">
     <li>
       <a href="{% url 'home:home' %}">Home</a>
     </li>
@@ -10,4 +10,4 @@
       <a href="{% url 'blog:exemplo' %}">Exemplo</a>
     </li>
   </ul>
-</nav>
\ No newline at end of file
+</nav>
diff --git a/aula207_ola_django/base/static/global/css/style.css b/aula207_ola_django/base/static/global/css/style.css
index 93a1a51..9581b01 100644
--- a/aula207_ola_django/base/static/global/css/style.css
+++ b/aula207_ola_django/base/static/global/css/style.css
@@ -7,6 +7,15 @@
   box-sizing: border-box;
 }
 
+a {
+  color: #0078e8;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
 html {
   font-size: 62.5%;
 }
@@ -30,6 +39,22 @@ body {
   box-shadow: 5px 2px 5px rgba(0, 0, 0, 10%);
 }
 
+.menu {
+  background: #000;
+  padding: 0 1.5rem;
+}
+
+.menu__links {
+  list-style: none;
+  display: flex;
+}
+
+.menu__links a {
+  display: block;
+  color: #fff;
+  padding: 1.5rem;
+}
+
 @media (min-width: 600px) {
   .content:not(:has(.single-post)) {
     grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr));