Move custom style declaration to baseof

This ensures that custom style takes precedent over theme styles. Useful when overriding theme styles for, e.g., single page. Signed-off-by: Marek Pikuła <[email protected]>
2024-06-02 19:41:23 +02:00
parent 4687d53336
commit 07fc9f91ad
2 changed files with 10 additions and 9 deletions
@@ -4,6 +4,12 @@
 <head>
  {{- partial "head.html" . -}}
  {{- block "head" . }} {{- end }}
+
+  <!-- Custom Styles -->
+  {{ if .Site.Params.customCSS }}
+    <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/style.css">
+  {{ end }}
+
  <title>
    {{- block "title" . }} {{- end }}
  </title>
@@ -33,4 +39,4 @@
  </section>
 </body>

-</html>
+</html>
@@ -40,11 +40,6 @@
 <!-- theme -->
 <link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/theme.css" media="all">

-<!-- Custom Styles -->
-{{ if .Site.Params.customCSS }}
-<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/style.css">
-{{ end }}
-
 <style>
    :root {
        --text-color: {{ .Site.Params.color.textColor | default "#343a40" }};
@@ -78,11 +73,11 @@
        width: 8px;
        background-color: var(--background-color);
    }
-    
+
    ::-webkit-scrollbar-track {
        border-radius: 1rem;
    }
-    
+
    ::-webkit-scrollbar-thumb {
        border-radius: 1rem;
        background: #b0b0b0;
@@ -96,4 +91,4 @@
    }
 </style>

-{{ partial "head/extensions.html" . }}
+{{ partial "head/extensions.html" . }}