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
|
section
|
||||||
a(href="https://joinmastodon.org/") What is Mastodon?
|
a(href="https://joinmastodon.org/") What is Mastodon?
|
||||||
section
|
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")
|
script(src="index.js")
|
||||||
|
|
|
@ -22,8 +22,6 @@ $bg: #1F232B;
|
||||||
$text: #9baec8;
|
$text: #9baec8;
|
||||||
$title:#d9e1e8;
|
$title:#d9e1e8;
|
||||||
|
|
||||||
$footer-bg: #16191F;
|
|
||||||
|
|
||||||
$button-bg: #3c99dc;
|
$button-bg: #3c99dc;
|
||||||
$button-hover-bg: #4ea2df;
|
$button-hover-bg: #4ea2df;
|
||||||
$button-text: white;
|
$button-text: white;
|
||||||
|
|
|
@ -151,8 +151,8 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
background-color: $footer-bg;
|
border-top: 1px solid $border-color;
|
||||||
padding: 0.5rem 0;
|
padding: 1rem 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
@ -165,12 +165,11 @@ footer {
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $title;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
transition: color 300ms ease;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Reference in a new issue