Merge pull request #25 from OdairTrujillo/no-clases

Evitar usar nombres de clases

diff --git a/themes/droda/assets/css/main.css b/themes/droda/assets/css/main.css
index 288770d9572d388849edad0e5a70b3f6ea625615..2998fa7d8eb32d05c330b3b0a3bfe59d3148890d 100644 (file)
--- a/themes/droda/assets/css/main.css
+++ b/themes/droda/assets/css/main.css
@@ -25,7 +25,7 @@
    --bgColorBlue: #1b6694;
    --bgColorSalamandra: rgb(236, 162, 143);
    --globalScale: 1;
-   
+   --navLinkColor: linear-gradient(#1482c8 0 0);
 }
 
 h1 {
@@ -105,7 +105,7 @@ aside {
    overflow: auto;
 }
 
-aside .item {
+aside > div, li {
    color: var(--bgColorLight);
    display: flex;
    flex-flow: column nowrap;
@@ -151,18 +151,16 @@ nav ul {
    overflow: hidden;
 }
 
-.hover {
-   --c:linear-gradient(#1482c8 0 0); /* update the color here */
-
+.nav-items {
    padding-bottom: .15em;
-   background: var(--c), var(--c);
+   background: var(--navLinkColor), var(--navLinkColor);
    background-size: .3em .1em;
    background-position:50% 100%;
    background-repeat: no-repeat;
    transition: .3s linear, background-size .3s .2s linear;
 }
 
-.hover:hover {
+.nav-items:hover {
    background-size: 50% .1em;
    background-position: 10% 100%, 90% 100%;
 }
@@ -295,7 +293,7 @@ footer {
    }
 
    aside {
-      display: none;
+      display: none !important;
    }
    
    nav button, aside li a {

diff --git a/themes/droda/layouts/partials/aside.html b/themes/droda/layouts/partials/aside.html
index c084298af3d906eac480b8b46444c724f053f21a..28a4a8202a35089156b03759eba93ab4955116e2 100644 (file)
--- a/themes/droda/layouts/partials/aside.html
+++ b/themes/droda/layouts/partials/aside.html
@@ -1,11 +1,11 @@
 {{ "<!-- Bloque parcial para el aside -->" | safeHTML }}
 <aside>
   {{ range .Site.Menus.main }}
-  <div class="item">
+  <div>
     {{ .Pre }}<a href="{{ .URL }}" title="{{ .Identifier }}" target="_blank">{{ .Name }}</a>
   </div>
   {{ end }}
   {{ range .Site.Sections }}
-    <li class="item"><a class="hover" href="{{ .Permalink }}">{{ .Title }}</a></li>
+    <li><a class="nav-items" href="{{ .Permalink }}">{{ .Title }}</a></li>
   {{ end }}
 </aside>

diff --git a/themes/droda/layouts/partials/navbar.html b/themes/droda/layouts/partials/navbar.html
index 1bfa934855b5a3497d29628b9396e5a252afe9b2..d9f98226005232c8c3934bc0c8a84535d69c73b6 100644 (file)
--- a/themes/droda/layouts/partials/navbar.html
+++ b/themes/droda/layouts/partials/navbar.html
@@ -1,11 +1,11 @@
 {{ "<!-- Partial block for navbar -->" | safeHTML }}
 <nav>
   {{ with .Site.GetPage "home" }}
-  <div><img src="{{ .Params.homeIcon | absURL }}" alt=""><a class="hover" href="{{ .Permalink }}">{{ .Title }}</a></div>
+  <div><img src="{{ .Params.homeIcon | absURL }}" alt=""><a class="nav-items" href="{{ .Permalink }}">{{ .Title }}</a></div>
   {{ end }}
   <ul>
   {{ range .Site.Sections }}
-  <li><a class="hover" href="{{ .Permalink }}">{{ .Title }}</a></li>
+  <li><a class="nav-items" href="{{ .Permalink }}">{{ .Title }}</a></li>
   {{ end }}
   </ul>
   <button data-visible="false"></button>