Fix voor svg op Firefox en betere weergave

This commit is contained in:
Michael Boelen 2023-05-19 16:37:15 +02:00
parent c2cebbc592
commit 305ae5ba7d
2 changed files with 20 additions and 9 deletions

View file

@ -102,9 +102,20 @@ a.button:hover, a.button:active {
background-color: $color-button-hover; background-color: $color-button-hover;
} }
a.footer-social:link, .a.footer-social:hover { .icon {
margin: 3px;
}
.icon:link {
text-decoration: none;
}
.icon:visited {
text-decoration: none;
}
.icon:hover {
text-decoration: none;
}
.icon:active {
text-decoration: none; text-decoration: none;
margin: 5px;
} }
// Button // Button

View file

@ -10,18 +10,18 @@
<h2>Volg ons</h2> <h2>Volg ons</h2>
{{ $iconsize := .Site.Params.mediumIconSize }} {{ $iconsize := .Site.Params.mediumIconSize }}
{{ with .Site.Params.twitter_handle }} {{ with .Site.Params.twitter_handle }}
<a class="footer-social" href="https://twitter.com/{{ . }}" target="_blank" rel="noopener">{{- partial "show-svg-icon.html" (dict "context" . "icon" "twitter" "iconsize" $iconsize_footer) -}}</a> <a class="icon" href="https://twitter.com/{{ . }}" target="_blank" rel="noopener">{{- partial "show-svg-icon.html" (dict "context" . "icon" "twitter" "iconsize" $iconsize_footer) -}}</a>
{{ end }} {{ end }}
{{ if and {{ if and
(.Site.Params.mastodon_handle) (.Site.Params.mastodon_handle)
(.Site.Params.mastodon_instance) (.Site.Params.mastodon_instance)
}} }}
<a class="footer-social" href="{{ .Site.Params.mastodon_instance }}@{{ .Site.Params.mastodon_handle }}" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "mastodon" "iconsize" $iconsize_footer) }}</a> <a class="icon" href="{{ .Site.Params.mastodon_instance }}@{{ .Site.Params.mastodon_handle }}" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "mastodon" "iconsize" $iconsize_footer) }}</a>
{{ end }} {{ end }}
<a class="footer-social" href="https://www.linkedin.com/groups/130891/" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "linkedin" "iconsize" $iconsize_footer) }}</a> <a class="icon" href="https://www.linkedin.com/groups/130891/" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "linkedin" "iconsize" $iconsize_footer) }}</a>
<a class="footer-social" href="https://www.meetup.com/nluug-dutch-unix-linux-user-group/" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "meetup" "iconsize" $iconsize_footer) }}</a> <a class="icon" href="https://www.meetup.com/nluug-dutch-unix-linux-user-group/" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "meetup" "iconsize" $iconsize_footer) }}</a>
<a class="footer-social" href="{{ absURL "atom.xml" }}" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "rss" "iconsize" $iconsize_footer) }}</a> <a class="icon" href="{{ absURL "atom.xml" }}" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "rss" "iconsize" $iconsize_footer) }}</a>
<a class="footer-social" href="{{ absURL "feed.json" }}" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "database" "iconsize" $iconsize_footer) }}</a> <a class="icon" href="{{ absURL "feed.json" }}" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "database" "iconsize" $iconsize_footer) }}</a>
</div> </div>
<div> <div>
<h2>Nuttige links</h2> <h2>Nuttige links</h2>