1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-06-28 16:48:00 +02:00
blog/src/components/Footer/Networks.module.css
Matthias Kretschmann 3b25ae2282
Location fetching (#843)
* location component

* fetching with @nanostores/query

* layouts reorg

* typescript plugins cleanup

* location component unit test cases

* fetch only when visible
2023-10-04 14:45:54 +01:00

30 lines
480 B
CSS

.networks {
margin-top: calc(var(--spacer) / 2);
}
.link {
text-align: center;
width: 2rem;
padding: calc(var(--spacer) / 4);
margin-left: calc(var(--spacer) / 4);
margin-right: calc(var(--spacer) / 4);
display: inline-block;
color: var(--text-color-light);
}
.link:first-child {
margin-left: 0;
}
.link:last-child {
margin-right: 0;
}
.link svg {
width: 24px;
height: 24px;
transition: stroke 0.3s ease-in-out;
display: block;
margin: 0 auto;
}