73 lines
1.3 KiB
CSS
73 lines
1.3 KiB
CSS
@layer components.blocks {
|
|
.site-footer {
|
|
@mixin mt var(--size-16);
|
|
|
|
color: var(--color-text-secondary);
|
|
background-color: var(--color-surface-base);
|
|
}
|
|
|
|
.site-footer__inner {
|
|
@mixin layout-wrapper;
|
|
@mixin typo_eyebrow;
|
|
@mixin py var(--size-8);
|
|
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--size-6) var(--layout-gutter);
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.site-footer__copyright,
|
|
.site-footer__release {
|
|
@mixin ma var(--size-0);
|
|
}
|
|
|
|
.site-footer__version {
|
|
font-weight: var(--font-weight-emphasis);
|
|
color: var(--color-text-primary);
|
|
|
|
&::after {
|
|
content: "·" / "";
|
|
margin-inline: var(--size-3);
|
|
font-weight: var(--font-weight-body);
|
|
}
|
|
}
|
|
|
|
.site-footer__links {
|
|
@mixin ma var(--size-0);
|
|
@mixin pa var(--size-0);
|
|
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--size-2) var(--size-3);
|
|
list-style: none;
|
|
|
|
& li + li {
|
|
&::before {
|
|
content: "·" / "";
|
|
margin-inline-end: var(--size-3);
|
|
}
|
|
}
|
|
}
|
|
|
|
.site-footer__link {
|
|
color: var(--color-text-primary);
|
|
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
&:focus-visible {
|
|
@mixin focus-ring;
|
|
}
|
|
}
|
|
|
|
.site-footer__top {
|
|
&::before {
|
|
content: "↑" / "";
|
|
margin-inline-end: var(--size-2);
|
|
}
|
|
}
|
|
}
|