better mechanics

ELIXIR-Belgium · Aug 22, 2023 · d3f194a · d3f194a
1 parent f7ccc03
commit d3f194a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/_includes/related-pages.html b/_includes/related-pages.html
@@ -17,7 +17,7 @@ <h2>Related pages</h2>
     {%- assign section_pages = site.pages | where:"type", section[0] %}
     {%- assign page_hit = section_pages | where:"page_id", page_id | first %}
     <div class="col">
-        <div class="card h-100 hover-primary">
+        <div class="card h-100">
             <div class="card-body d-flex gap-3">
                 <div class="w-100">
                     <a class="stretched-link" aria-label="Go to the {{page_hit.title}} page" href="{{ page_hit.url | relative_url }}">

diff --git a/_sass/_variables.scss b/_sass/_variables.scss
@@ -26,9 +26,9 @@ $sidebar-color-active: $white;
 
 /*-----Section navigation tiles-----*/
 $nav-card-bg: $light;
+$nav-card-bg-hover: $primary;
+$nav-card-color-hover: $white;
 $nav-card-header-color: $dark;
-$nav-card-badge-color: $body-color;
-$nav-card-badge-bg: $white;
 
 /*-----More information tiles-----*/
 $info-card-bg: $light;

diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -907,9 +907,9 @@ li.past_event,
     .card, .btn{
         background-color: $nav-card-bg;
         &:hover {
-            background-color: $primary;
+            background-color: $nav-card-bg-hover;
             transition: $btn-transition;
-            color: $btn-primary-color-hover;
+            color: $nav-card-color-hover;
         }
 
         a {
@@ -925,7 +925,7 @@ li.past_event,
             &:hover {
                 text-decoration: none;
                 transition: $btn-transition;
-                color: $btn-primary-color-hover;
+                color: $nav-card-color-hover;
             }
         }
         .type-icon {