From dd2c34dd8ea4690cd4d9fc5a248c8e8eb1946f90 Mon Sep 17 00:00:00 2001
From: VladImpaler <fake@email.com>
Date: Sun, 16 Apr 2023 18:44:26 -0600
Subject: [PATCH] =?utf8?q?Versi=C3=B3n=20final=20del=20aside,=20color=20de?=
 =?utf8?q?=20los=20link=20cambiado,=20aside=20agregado=20al=20men=C3=BA=20?=
 =?utf8?q?y=20removido=20del=20body?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

---
 themes/droda/assets/css/main.css | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/themes/droda/assets/css/main.css b/themes/droda/assets/css/main.css
index 7d0af97..288770d 100644
--- a/themes/droda/assets/css/main.css
+++ b/themes/droda/assets/css/main.css
@@ -22,7 +22,8 @@
    --bgColorMidDark: #353b43;
    --bgColorLightDark: #4f5864;
    --bgColorLight: #D2D2D2;
-   --bgColorBlue: #007fce;
+   --bgColorBlue: #1b6694;
+   --bgColorSalamandra: rgb(236, 162, 143);
    --globalScale: 1;
    
 }
@@ -58,6 +59,7 @@ a:hover,
 a:active {
    text-decoration: none;
    font-size: 1.5rem;
+   color: var(--bgColorSalamandra);
 }
 
 html {
@@ -89,14 +91,14 @@ body {
 
 aside {
    position: fixed;
-   inset: 0 65%;
+   inset: 0 calc(100% - 18rem);
    grid-area: aside;
    display: none;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
-   width: 35%;
-   height: 80%;
+   width: 18rem;
+   height: calc(100% - 5rem);
    margin-top: 5rem;
    padding: 2rem 1rem;
    background-color: var(--bgColorDark);
@@ -104,6 +106,7 @@ aside {
 }
 
 aside .item {
+   color: var(--bgColorLight);
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
@@ -192,6 +195,7 @@ nav button {
    background-size: cover;
 
    border: none;
+   cursor: pointer;
 
    transition: background-image ease 0.2s;
 
@@ -282,7 +286,7 @@ footer {
       grid-template-columns: 13rem 1fr;
       grid-template-areas: /* Tabletas se muestra el aside */
 	 "navbar navbar"
-	 "aside main"
+	 "main main"
 	 "footer footer";
    }
 
@@ -291,13 +295,7 @@ footer {
    }
 
    aside {
-      display: flex;
-      position: relative;
-      width: 100%;
-      height: 100%;
-      margin-top: 0;
-      inset: 0;
-      overflow-x: hidden;
+      display: none;
    }
    
    nav button, aside li a {
-- 
2.25.1