Add more Mastodon-like footer
This commit is contained in:
parent
c6a92c3046
commit
eedb55459d
3 changed files with 5 additions and 8 deletions
|
@ -62,6 +62,6 @@ html(lang="en")
|
|||
section
|
||||
a(href="https://joinmastodon.org/") What is Mastodon?
|
||||
section
|
||||
a(href="https://github.com/NickKaramoff/toot") This project on GitHub
|
||||
a(href="https://github.com/NickKaramoff/toot") toot on GitHub
|
||||
|
||||
script(src="index.js")
|
||||
|
|
|
@ -22,8 +22,6 @@ $bg: #1F232B;
|
|||
$text: #9baec8;
|
||||
$title:#d9e1e8;
|
||||
|
||||
$footer-bg: #16191F;
|
||||
|
||||
$button-bg: #3c99dc;
|
||||
$button-hover-bg: #4ea2df;
|
||||
$button-text: white;
|
||||
|
|
|
@ -151,8 +151,8 @@ main {
|
|||
}
|
||||
|
||||
footer {
|
||||
background-color: $footer-bg;
|
||||
padding: 0.5rem 0;
|
||||
border-top: 1px solid $border-color;
|
||||
padding: 1rem 0;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
@ -165,12 +165,11 @@ footer {
|
|||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: $title;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
transition: color 300ms ease;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Reference in a new issue