Connexion button is a secondary button
This commit is contained in:
parent
33af09cae5
commit
5d8c798369
4 changed files with 4 additions and 31 deletions
|
@ -31,6 +31,7 @@
|
|||
background-color: #FFFFFF;
|
||||
|
||||
&:hover {
|
||||
color: #FFFFFF;
|
||||
background: $light-blue;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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"
|
||||
|
|
Loading…
Reference in a new issue