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
|
h1
|
||||||
img(src="/icon.svg" width=72 height=72 alt="toot")
|
img(src="/icon.svg" width=72 height=72 alt="toot")
|
||||||
p
|
p
|
||||||
| Quickly post on any
|
| for
|
||||||
img(src="/mastodon.svg" width=95.5 height=27)
|
img(src="/mastodon.svg" width=95.5 height=27)
|
||||||
| instance
|
|
||||||
main
|
main
|
||||||
form#form
|
form#form
|
||||||
section
|
section
|
||||||
|
|
|
@ -29,3 +29,5 @@ $button-hover-bg: #4ea2df;
|
||||||
$button-text: white;
|
$button-text: white;
|
||||||
|
|
||||||
$input-bg: #131419;
|
$input-bg: #131419;
|
||||||
|
|
||||||
|
$border-color: #303643;
|
||||||
|
|
|
@ -46,19 +46,26 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
|
border-bottom: 1px solid $border-color;
|
||||||
|
padding: 1.5rem 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 2rem;
|
width: 100%;
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
margin: 0 0 8px;
|
display: inline-block;
|
||||||
|
margin: 0 1rem 0 0;
|
||||||
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin: 0 0 26px;
|
display: inline-block;
|
||||||
|
line-height: 1.2rem;
|
||||||
|
margin: 0;
|
||||||
|
text-align: left;
|
||||||
|
vertical-align: middle;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
display: inline;
|
vertical-align: middle;
|
||||||
margin-bottom: -11px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Reference in a new issue