New, more Mastodon-like header
This commit is contained in:
parent
7415bb2093
commit
c6a92c3046
3 changed files with 15 additions and 7 deletions
|
@ -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
|
||||
|
|
|
@ -29,3 +29,5 @@ $button-hover-bg: #4ea2df;
|
|||
$button-text: white;
|
||||
|
||||
$input-bg: #131419;
|
||||
|
||||
$border-color: #303643;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Reference in a new issue