Style button like the Mastodon version of it

This commit is contained in:
Nikita Karamov 2021-03-12 21:20:25 +01:00
parent eedb55459d
commit 9f8bdbfb44
No known key found for this signature in database
GPG key ID: EA4E7DECEEA050E4
3 changed files with 5 additions and 4 deletions

View file

@ -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?

View file

@ -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;

View file

@ -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;