kova/hugo-profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move custom style declaration to baseof

Browse Source 
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]>
This commit is contained in:
Marek Pikuła
2024-06-02 19:41:23 +02:00
parent 4687d53336
commit 07fc9f91ad
2 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/_default/baseof.html
+7 -1
View File
@@ -4,6 +4,12 @@
<head> <head>
{{- partial "head.html" . -}} {{- partial "head.html" . -}}
{{- block "head" . }} {{- end }} {{- block "head" . }} {{- end }}
<!-- Custom Styles -->
{{ if .Site.Params.customCSS }}
<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/style.css">
{{ end }}
<title> <title>
{{- block "title" . }} {{- end }} {{- block "title" . }} {{- end }}
</title> </title>
@@ -33,4 +39,4 @@
</section> </section>
</body> </body>
</html> </html>
layouts/partials/head.html
+3 -8
View File
@@ -40,11 +40,6 @@
<!-- theme --> <!-- theme -->
<link rel="stylesheet" href="{{ .Site.Params.staticPath }}/css/theme.css" media="all"> <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> <style>
:root { :root {
--text-color: {{ .Site.Params.color.textColor | default "#343a40" }}; --text-color: {{ .Site.Params.color.textColor | default "#343a40" }};
@@ -78,11 +73,11 @@
width: 8px; width: 8px;
background-color: var(--background-color); background-color: var(--background-color);
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
border-radius: 1rem; border-radius: 1rem;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
border-radius: 1rem; border-radius: 1rem;
background: #b0b0b0; background: #b0b0b0;
@@ -96,4 +91,4 @@
} }
</style> </style>
{{ partial "head/extensions.html" . }} {{ partial "head/extensions.html" . }}