mirror of
https://github.com/kremalicious/blog.git
synced 2024-06-28 16:48:00 +02:00
Matthias Kretschmann
3b25ae2282
* location component * fetching with @nanostores/query * layouts reorg * typescript plugins cleanup * location component unit test cases * fetch only when visible
51 lines
912 B
CSS
51 lines
912 B
CSS
.footer {
|
|
text-align: center;
|
|
padding: var(--spacer);
|
|
padding-top: calc(var(--spacer) * 2);
|
|
color: var(--text-color-light);
|
|
line-height: var(--spacer);
|
|
}
|
|
|
|
@media (min-width: 40rem) and (min-height: 500px) {
|
|
.footer {
|
|
position: fixed;
|
|
width: 100%;
|
|
border: 0;
|
|
z-index: 0;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.copyright {
|
|
margin-top: calc(var(--spacer) / var(--line-height));
|
|
font-size: var(--font-size-mini);
|
|
color: var(--text-color-light);
|
|
}
|
|
|
|
.copyright p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.copyright a {
|
|
color: var(--text-color-light);
|
|
margin-left: var(--spacer);
|
|
}
|
|
|
|
.copyright a:hover {
|
|
color: var(--link-color);
|
|
}
|
|
|
|
.copyright a:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.copyright svg {
|
|
width: var(--font-size-small);
|
|
height: var(--font-size-small);
|
|
margin-right: calc(var(--spacer) / 8);
|
|
margin-bottom: -0.15rem;
|
|
display: inline-block;
|
|
stroke: var(--text-color-light);
|
|
opacity: 0.7;
|
|
}
|