theme(fix): hover color for social icons

Patrick Kollitsch

21.59.2024 14eeb655ce9dacaa93bcc4e5fc4f3359cc9ef719

theme(fix): hover color for social icons

Signed-off-by: Patrick Kollitsch <patrick@davids-neighbour.com>

 layouts/partials/func/style/GetMainCSS.html

@@ -22,14 +22,17 @@
  {{ end }}
{{ end }}

{{ with partialCached "func/socials/Get" "socials/Get" }}
{{- $config := site.Params.ananke.social -}}
{{- $networks := $config.follow.networks -}}
{{- $setups := (collections.Where $config.networks  "slug" "in" $networks) }}
{{ with $setups }}
  {{ $socials_rules := slice }}
  {{ range $service := . }}
    {{ with .color }}
      {{ $rule := printf `
        .ananke-socials a.%s:hover {
          color: %s
        }` $service.name $service.color }}
          color: %s !important;
        }` $service.slug . }}
      {{ $socials_rules = $socials_rules | append $rule }}
    {{ end }}
  {{ end }}

 layouts/partials/social/follow.html

@@ -23,7 +23,7 @@

    {{- $languageDirection := cond (eq $.Site.Language.LanguageDirection "rtl") "ml1" "mr1" -}}
    <a href="{{ $link }}" target="_blank" rel="noopener{{- with $rel }} {{ . -}}{{- end -}}"
        class="{{ .name }} ananke-social-link link-transition stackoverflow link dib z-999 pt3 pt0-l {{ $languageDirection }}"
        class="ananke-social-link link-transition {{ $network }} link dib z-999 pt3 pt0-l {{ $languageDirection }}"
        title="follow on {{ $label }} - Opens in a new window"
        aria-label="follow on {{ $label }} - Opens in a new window">
      {{/* @todo add the following lines to a partial, reused in social/share.html */}}

 layouts/partials/social/share.html

@@ -32,7 +32,7 @@
      {{- $options := (dict "context" page "setup" $setup) }}
      {{- $href := partialCached "func/getShareLink.html" $options $options -}}
      <a href="{{ $href }}"
        class="ananke-social-link {{ .slug }} no-underline"
        class="ananke-social-link {{ $setup.slug }} no-underline"
        title="{{ $label }}" aria-label="{{ $label }}"
        target="_blank" rel="nofollow noopener noreferrer">
        {{ with $config.share.icons -}}