mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 15:28:57 +00:00
perf: update card backdrop background to utilize dynamic logo image
This commit is contained in:
@@ -23,7 +23,7 @@
|
||||
bottom: 0.75rem;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-image: var(--cl-bg-url);
|
||||
background-image: var(#{$rootPrefix}logo-img);
|
||||
background-repeat: no-repeat;
|
||||
filter: blur(0.5rem);
|
||||
opacity: 0.5;
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
{{- $logo := resources.Get "images/fixit.svg" | minify -}}
|
||||
{{- $loading := resources.Get "images/loading.svg" | minify -}}
|
||||
|
||||
@charset "utf-8";
|
||||
@@ -7,5 +8,6 @@ $base: "{{ relURL "" }}" !default;
|
||||
|
||||
:root {
|
||||
#{$rootPrefix}base: "#{$base}";
|
||||
#{$rootPrefix}logo-img: url("{{ $logo.RelPermalink }}");
|
||||
#{$rootPrefix}loading-img: url("{{ $loading.RelPermalink }}");
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
{{- hugo.Store.Set "version" "v0.4.0-alpha.3-20251225084220-e5014773" -}}
|
||||
{{- hugo.Store.Set "version" "v0.4.0-alpha.3-20251225085735-06273f72" -}}
|
||||
{{- .Store.Set "this" dict -}}
|
||||
|
||||
{{- partial "init/detection-env.html" . -}}
|
||||
|
||||
@@ -50,9 +50,7 @@
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
|
||||
{{- $attrs := `class="cl-backdrop"` -}}
|
||||
{{- $attrs = printf ` style="--cl-bg-url: url(%v);"` (resources.Get "images/fixit.svg" | minify).RelPermalink | add $attrs -}}
|
||||
<span {{ $attrs | safeHTMLAttr }}></span>
|
||||
<span class="cl-backdrop"></span>
|
||||
<span class="cl-content">
|
||||
<span class="cl-text">
|
||||
<span class="cl-title">
|
||||
|
||||
Reference in New Issue
Block a user