feat: update styling of SiteFooter component
This commit is contained in:
parent
fc3680bd7a
commit
54c39cc9b4
1 changed files with 14 additions and 1 deletions
|
@ -8,7 +8,8 @@
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.footer {
|
.footer {
|
||||||
background-color: var(--color-header-bar);
|
background-color: var(--color-footer-background);
|
||||||
|
color: var(--color-footer-text);
|
||||||
margin: var(--navigation-cutout);
|
margin: var(--navigation-cutout);
|
||||||
padding: 1px 0;
|
padding: 1px 0;
|
||||||
|
|
||||||
|
@ -18,5 +19,17 @@
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: var(--textblock-padding);
|
padding: var(--textblock-padding);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: var(--color-footer-link-text);
|
||||||
|
box-shadow: inset 0 calc(var(--link-inset-box-shadow) * -0.125) 0 0
|
||||||
|
var(--color-footer-link-text-underline);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: var(--color-footer-link-text-hover);
|
||||||
|
box-shadow: inset 0 calc(var(--link-inset-box-shadow) * -1) 0 0
|
||||||
|
var(--color-footer-link-text-underline);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue