chore: Change CSS for Socials in Footer again

This commit is contained in:
ADSWT518 2022-06-25 11:20:26 +08:00 committed by Athul Cyriac Ajay
parent 5fbc45536a
commit 26f57dd1f9
2 changed files with 6 additions and 3 deletions

View File

@ -171,11 +171,13 @@ footer {
.soc { .soc {
display: flex; display: flex;
align-items: center; align-items: center;
padding-right: 1rem;
margin-right: 1rem;
border-right: 2px solid;
border-bottom: none; border-bottom: none;
} }
.border {
margin-left: 0.5rem;
margin-right: 0.5rem;
border: 1px solid;
}
.footer-info { .footer-info {
padding: var(--footer-padding); padding: var(--footer-padding);
} }

View File

@ -2,6 +2,7 @@
<div style="display:flex"> <div style="display:flex">
{{- range $index, $key := .Site.Params.Social -}} {{- range $index, $key := .Site.Params.Social -}}
<a class="soc" href="{{ $key.url }}" title="{{ $key.name }}"><i data-feather="{{ $key.icon }}"></i></a> <a class="soc" href="{{ $key.url }}" title="{{ $key.name }}"><i data-feather="{{ $key.icon }}"></i></a>
<a class="border"></a>
{{- end -}} {{- end -}}
</div> </div>
<div class="footer-info"> <div class="footer-info">