1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-06-30 13:41:54 +02:00
blog/src/components/Footer/index.module.css

51 lines
912 B
CSS
Raw Normal View History

2021-03-04 01:20:39 +01:00
.footer {
text-align: center;
2021-03-21 23:53:31 +01:00
padding: var(--spacer);
2021-03-04 01:20:39 +01:00
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);
2021-03-06 01:35:05 +01:00
}
2021-03-04 01:20:39 +01:00
.copyright p {
margin-bottom: 0;
}
.copyright a {
2021-03-04 01:20:39 +01:00
color: var(--text-color-light);
margin-left: var(--spacer);
}
.copyright a:hover {
2021-03-06 01:35:05 +01:00
color: var(--link-color);
}
.copyright a:first-child {
2021-03-04 01:20:39 +01:00
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;
}