elixir-toolkit-theme 1.17.0 → 1.19.1

data/assets/css/main.scss

@@ -39,11 +39,11 @@ main {
         margin-top: $spacer * 1.5;
     }
 
-    h3+h4 {
+    h3 + h4 {
         margin-top: $spacer * 0.25;
     }
 
-    a:not(.btn) {
+    a:not(.btn):not(.dropdown-item) {
         overflow-wrap: break-word;
         word-wrap: break-word;
         -ms-word-break: break-all;
@@ -51,13 +51,17 @@ main {
 
         &:hover {
             text-decoration: underline;
-
         }
     }
 
     ol li,
     ul li {
-        margin: 10px 0px;
+        margin: $spacer * .5 0;
+
+        &::marker {
+            color: $primary;
+            font-weight: 600;
+        }
     }
 
     img {
@@ -66,11 +70,11 @@ main {
 }
 
 .ff-body {
-    font-family: $font-family-sans-serif  !important;
+    font-family: $font-family-sans-serif !important;
 }
 
 .ff-theme {
-    font-family: $font-family-theme  !important;
+    font-family: $font-family-theme !important;
 }
 
 /*-----Blockquote-----*/
@@ -95,12 +99,6 @@ blockquote {
     background: $primary;
 }
 
-/*-----Color list marker-----*/
-
-ul li::marker {
-    color: $primary;
-}
-
 /*-----Emoji styling-----*/
 
 main img.emoji {
@@ -177,7 +175,7 @@ header .navbar {
         height: 1px;
     }
 
-    background-color: rgba($nav-link-color, 0.3);
+    background-color: rgba($navbar-{{site.theme_variables.topnav.theme | default: "light"}}-color, 0.3);
 }
 
 /*-----Search box top navigation-----*/
@@ -265,7 +263,7 @@ header .navbar {
     vertical-align: top;
 }
 
-.search-result-preview+.search-result-preview {
+.search-result-preview + .search-result-preview {
     margin-top: 0.25rem;
 }
 
@@ -304,21 +302,21 @@ header .navbar {
     background-color: $sidebar-bg-active;
 }
 
-#side-nav>ul {
-    >li:not(.sidebar-title)>a {
+#side-nav > ul {
+    > li:not(.sidebar-title) > a {
         background-color: $sidebar-bg;
         color: $sidebar-color;
     }
 
-    li>a {
-        >span {
+    li > a {
+        > span {
             float: right;
             width: 15px;
             margin-left: $btn-padding-x;
             text-align: center;
         }
 
-        >span:after {
+        > span:after {
             display: inline-block;
             font-style: normal;
             font-variant: normal;
@@ -332,12 +330,12 @@ header .navbar {
     }
 
     li.active {
-        &:not(.parent)>a {
+        &:not(.parent) > a {
             background-color: $sidebar-bg-active;
             color: $sidebar-color-active;
         }
 
-        >a>span:after {
+        > a > span:after {
             transform: rotate(-180deg);
         }
     }
@@ -414,7 +412,7 @@ header .navbar {
 
 /*-----General table properties-----*/
 
-.table> :not(:first-child) {
+.table > :not(:first-child) {
     border-color: inherit;
 }
 
@@ -460,12 +458,12 @@ footer {
     color: $footer-color;
 
     a {
-        color: $footer-link-color  !important;
+        color: $footer-link-color !important;
         font-weight: bold;
     }
 
     a:hover {
-        color: $footer-link-color-hover  !important;
+        color: $footer-link-color-hover !important;
     }
 
     h2 {
@@ -514,7 +512,6 @@ footer {
         color: $primary;
         font-size: 0.8em;
     }
-
 }
 
 /*-----Contributors carousel-----*/
@@ -570,7 +567,7 @@ footer {
         }
 
         .coordinator-crown {
-            font-size: 0.60em;
+            font-size: 0.6em;
             width: 1.8em;
             height: 1.8em;
             line-height: 1.8;
@@ -610,11 +607,11 @@ footer {
     transition: all 500ms ease-out;
 
     a {
-        color: $footer-link-color  !important;
+        color: $footer-link-color !important;
     }
 
     a:hover {
-        color: $footer-link-color-hover  !important;
+        color: $footer-link-color-hover !important;
     }
 }
 
@@ -629,15 +626,15 @@ footer {
 
 .hover-primary:hover,
 .hover-primary:focus {
-    background-color: $btn-primary-bg-hover  !important;
+    background-color: $btn-primary-bg-hover !important;
     transition: $btn-transition;
-    color: $btn-primary-color-hover  !important;
+    color: $btn-primary-color-hover !important;
 }
 
 .text-hover-primary:hover,
 .text-hover-primary:focus {
     transition: $btn-transition;
-    color: $primary  !important;
+    color: $primary !important;
 }
 
 /*-----Size components-----*/
@@ -654,8 +651,8 @@ li.past_event,
     display: none;
 }
 
-.events>ul>li,
-.news>ul>li {
+.events > ul > li,
+.news > ul > li {
     border-left: $news-border-color 5px solid;
     border-radius: $border-radius;
     padding: 0px 11px;
@@ -675,7 +672,7 @@ li.past_event,
         display: inline-block;
     }
 
-    .full-description>*:last-child {
+    .full-description > *:last-child {
         margin-bottom: 0;
 
         li {
@@ -697,12 +694,12 @@ li.past_event,
     a:hover {
         .text-muted {
             transition: $btn-transition;
-            color: $white  !important;
+            color: $white !important;
         }
 
         i {
             transition: $btn-transition;
-            color: $white  !important;
+            color: $white !important;
         }
     }
 
@@ -719,15 +716,15 @@ li.past_event,
     background-size: cover;
 }
 
-
 /*-----Section navigation tiles-----*/
 
 .navigation-tiles {
     .card {
         background-color: $nav-card-bg;
 
-        .card-text {
-            min-height: 4.5em;
+        a:not(.stretched-link), button:not(.stretched-link) {
+            z-index: 2;
+            position: relative;
         }
 
         .card-header {
@@ -738,15 +735,16 @@ li.past_event,
             }
         }
 
-        .badge {
-            font-weight: inherit;
+        button {
             background-color: $nav-card-badge-bg;
             color: $nav-card-badge-color;
-        }
-
-        .badge:hover {
-            color: $nav-card-badge-color-hover;
-            background-color: $nav-card-badge-bg-hover;
+            &:hover {
+                color: $nav-card-badge-color-hover;
+                background-color: $nav-card-badge-bg-hover;
+            }
+            img {
+                height: 1.2em;
+            }
         }
     }
 }
@@ -760,4 +758,3 @@ iframe.scale {
 }
 
 @import "custom_classes";
-