Merge pull request #156 from gethinode/develop

SEO

assets/scss/app.scss

@@ -12,6 +12,7 @@ $light:                         {{ site.Params.style.light | default "#f8f9fa" }
 $dark:                          {{ site.Params.style.dark | default "#212529" }};
 $navbar-offset:                 {{ if site.Params.navigation.fixed }}{{ site.Params.navigation.offset | default "4em" }}{{ else }}0em{{ end }};
 $enable-dark-mode:              {{ site.Params.main.enableDarkMode | default true }} !default;
+$enable-important-utilities:    true !default;
 
 // Include default variable overrides
 @import "common/variables.scss";

assets/scss/common/_export.scss

@@ -25,3 +25,4 @@
 }
 
 // scss-docs-end export
+// stylelint-enable selector-pseudo-class-no-unknown

assets/scss/common/_variables.scss

@@ -17,7 +17,7 @@ $font-weight-bold:              600 !default;
 $font-weight-bolder:            bolder !default;
 
 strong {
-    font-weight:                600 !important;
+    font-weight:                600 if($enable-important-utilities, !important, null);
 }
 // scss-docs-end font
 

assets/scss/components/_buttons.scss

@@ -4,5 +4,5 @@
 .btn-primary:active,
 .btn-primary.active,
 .open > .dropdown-toggle.btn-primary {
-    color: #fff !important;
+    color: #fff if($enable-important-utilities, !important, null);
 }

assets/scss/components/_navbar.scss

@@ -13,15 +13,15 @@
 
 /* Remove border from toggler */
 .navbar-toggler {
-    border: 0 !important;
+    border: 0 if($enable-important-utilities, !important, null);
 }
 
 .navbar-toggler:focus,
 .navbar-toggler:active,
 .navbar-toggler-icon:focus {
-    outline: none !important;
-    box-shadow: none !important;
-    border: 0 !important;
+    outline: none if($enable-important-utilities, !important, null);
+    box-shadow: none if($enable-important-utilities, !important, null);
+    border: 0 if($enable-important-utilities, !important, null);
 }
 
 /* Lines of the Toggler */

assets/scss/helpers/_colored-links.scss

@@ -1,4 +1,4 @@
-// stylelint-disable function-name-case
+// stylelint-disable function-name-case, declaration-no-important
 
 // scss-docs-start colored-links
 @each $color, $value in $theme-colors {
@@ -6,16 +6,20 @@
     $color-rgb: to-rgb($value);
 
     .link-bg-#{$color} {
-        color: $contrast-color !important; // stylelint-disable-line declaration-no-important
-        background-color: RGBA($color-rgb, var(--#{$prefix}bg-opacity, 1)) if($enable-important-utilities, !important, null); // stylelint-disable-line annotation-no-unknown
+        color: $contrast-color if($enable-important-utilities, !important, null); 
+        background-color: RGBA($color-rgb, var(--#{$prefix}bg-opacity, 1)) if($enable-important-utilities, !important, null);
 
         @if $link-shade-percentage != 0 {
             &:hover,
             &:focus {
-                color: if($contrast-color == $color-contrast-light, shade-color($contrast-color, $link-shade-percentage), tint-color($contrast-color, $link-shade-percentage)) !important; // stylelint-disable-line declaration-no-important
+                color: if($contrast-color == $color-contrast-light, 
+                shade-color($contrast-color, $link-shade-percentage),
+                tint-color($contrast-color, $link-shade-percentage))
+                    if($enable-important-utilities, !important, null);
             }
         }
     }
 }
 
 // scss-docs-end colored-links
+// stylelint-enable function-name-case, declaration-no-important

layouts/partials/assets/navbar.html

@@ -185,19 +185,19 @@
                         </a>
                         <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbar-color-theme">
                             <li>
-                                <a class="dropdown-item" data-bs-theme-value="light">
+                                <a class="dropdown-item" data-bs-theme-value="light" href="#!">
                                     {{- partial "assets/icon.html" (dict "icon" "fas sun theme-icon") }}
                                     {{ T "colorLight" }}
                                 </a>
                             </li>
                             <li>
-                                <a class="dropdown-item" data-bs-theme-value="dark">
+                                <a class="dropdown-item" data-bs-theme-value="dark" href="#!">
                                     {{- partial "assets/icon.html" (dict "icon" "fas moon theme-icon") }}
                                     {{ T "colorDark" }}
                                 </a>
                             </li>
                             <li>
-                                <a class="dropdown-item" data-bs-theme-value="auto">
+                                <a class="dropdown-item" data-bs-theme-value="auto" href="#!">
                                     {{- partial "assets/icon.html" (dict "icon" "fas circle-half-stroke theme-icon" ) }}
                                     {{ T "colorAuto" }}
                                 </a>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@gethinode/hinode",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@gethinode/hinode",
-      "version": "0.9.2",
+      "version": "0.9.3",
       "hasInstallScript": true,
       "license": "MIT",
       "devDependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gethinode/hinode",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "description": "Hinode is a clean documentation and blog theme for Hugo, an open-source static site generator",
   "keywords": [
     "hugo",