Connexion button is a secondary button

This commit is contained in:
Mathieu Magnin 2017-06-26 11:40:28 +02:00
parent 33af09cae5
commit 5d8c798369
4 changed files with 4 additions and 31 deletions

View file

@ -31,6 +31,7 @@
background-color: #FFFFFF;
&:hover {
color: #FFFFFF;
background: $light-blue;
}
}

View file

@ -118,33 +118,3 @@
}
}
}
$header-login-button-height: 36px;
$header-login-button-border-size: 1px;
.header-login-button {
@include horizontal-padding(16px);
display: inline-block;
height: $header-login-button-height;
line-height: $header-login-button-height - (2 * $header-login-button-border-size);
border-radius: $header-login-button-height;
border: $header-login-button-border-size solid $blue;
color: $blue;
font-size: 14px;
&:hover {
color: #FFFFFF;
text-decoration: none;
background-color: $light-blue;
}
&:focus {
color: $blue;
text-decoration: none;
}
&:hover:focus {
color: #FFFFFF;
}
}

View file

@ -25,4 +25,4 @@
- elsif request.path != new_user_session_path
%li
= link_to "Connexion", new_user_session_path, class: "header-login-button"
= link_to "Connexion", new_user_session_path, class: "button secondary"

View file

@ -20,6 +20,8 @@
= link_to ".button.primary", "#", class: "button primary"
= link_to ".button.secondary", "#", class: "button secondary"
= link_to ".button.large", "#", class: "button large"
= link_to ".button.large.primary", "#", class: "button large primary"