1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-06-28 00:27:58 +02:00
blog/src/components/organisms/Footer.module.css

62 lines
1.0 KiB
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;
will-change: transform;
z-index: 0;
bottom: 0;
box-shadow: none;
}
}
.btc code {
font-size: 0.6rem;
background: none;
color: var(--link-color);
padding: 0;
}
.copyright p {
margin-bottom: 0;
font-size: var(--font-size-mini);
}
.copyright a,
.copyright button code {
color: var(--text-color-light);
}
.copyright a,
.copyright button {
margin-left: var(--spacer);
}
.copyright a:hover,
.copyright button code {
color: var(--link-color);
}
.copyright a:first-child,
.copyright button: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;
}