New, more Mastodon-like header

This commit is contained in:
Nikita Karamov 2021-03-12 21:08:53 +01:00
parent 7415bb2093
commit c6a92c3046
No known key found for this signature in database
GPG key ID: EA4E7DECEEA050E4
3 changed files with 15 additions and 7 deletions

View file

@ -40,9 +40,8 @@ html(lang="en")
h1
img(src="/icon.svg" width=72 height=72 alt="toot")
p
| Quickly post on any
| for
img(src="/mastodon.svg" width=95.5 height=27)
| instance
main
form#form
section

View file

@ -29,3 +29,5 @@ $button-hover-bg: #4ea2df;
$button-text: white;
$input-bg: #131419;
$border-color: #303643;

View file

@ -46,19 +46,26 @@ body {
}
header {
border-bottom: 1px solid $border-color;
padding: 1.5rem 0;
text-align: center;
padding-top: 2rem;
width: 100%;
h1 {
margin: 0 0 8px;
display: inline-block;
margin: 0 1rem 0 0;
vertical-align: middle;
}
p {
margin: 0 0 26px;
display: inline-block;
line-height: 1.2rem;
margin: 0;
text-align: left;
vertical-align: middle;
img {
display: inline;
margin-bottom: -11px;
vertical-align: middle;
}
}
}