chore: Change CSS for Socials in Footer again
This commit is contained in:
parent
5fbc45536a
commit
26f57dd1f9
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in a new issue