Style button like the Mastodon version of it
This commit is contained in:
parent
eedb55459d
commit
9f8bdbfb44
3 changed files with 5 additions and 4 deletions
|
@ -57,7 +57,7 @@ html(lang="en")
|
||||||
label(for="remember") Remember my instance on this device
|
label(for="remember") Remember my instance on this device
|
||||||
|
|
||||||
section.submit
|
section.submit
|
||||||
input(type="submit", value="Toot!")
|
input(type="submit", value="TOOT!")
|
||||||
footer
|
footer
|
||||||
section
|
section
|
||||||
a(href="https://joinmastodon.org/") What is Mastodon?
|
a(href="https://joinmastodon.org/") What is Mastodon?
|
||||||
|
|
|
@ -22,8 +22,8 @@ $bg: #1F232B;
|
||||||
$text: #9baec8;
|
$text: #9baec8;
|
||||||
$title:#d9e1e8;
|
$title:#d9e1e8;
|
||||||
|
|
||||||
$button-bg: #3c99dc;
|
$button-bg: #2b90d9;
|
||||||
$button-hover-bg: #4ea2df;
|
$button-hover-bg: #56a7e1;
|
||||||
$button-text: white;
|
$button-text: white;
|
||||||
|
|
||||||
$input-bg: #131419;
|
$input-bg: #131419;
|
||||||
|
|
|
@ -112,7 +112,8 @@ main {
|
||||||
color: $button-text;
|
color: $button-text;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
padding: 4px 16px;
|
height: 2.5rem;
|
||||||
|
padding: 0 1rem;
|
||||||
line-height: 36px;
|
line-height: 36px;
|
||||||
border: 0;
|
border: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
Reference in a new issue