diff --git a/app/assets/stylesheets/new_design/buttons.scss b/app/assets/stylesheets/new_design/buttons.scss index 5e0bf38f3..bd4a512b8 100644 --- a/app/assets/stylesheets/new_design/buttons.scss +++ b/app/assets/stylesheets/new_design/buttons.scss @@ -31,6 +31,7 @@ background-color: #FFFFFF; &:hover { + color: #FFFFFF; background: $light-blue; } } diff --git a/app/assets/stylesheets/new_design/new_header.scss b/app/assets/stylesheets/new_design/new_header.scss index fbb063aa2..9767723ac 100644 --- a/app/assets/stylesheets/new_design/new_header.scss +++ b/app/assets/stylesheets/new_design/new_header.scss @@ -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; - } -} diff --git a/app/views/layouts/_new_header.haml b/app/views/layouts/_new_header.haml index 29df740c7..492525750 100644 --- a/app/views/layouts/_new_header.haml +++ b/app/views/layouts/_new_header.haml @@ -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" diff --git a/app/views/root/patron.html.haml b/app/views/root/patron.html.haml index a219a9da9..6d2a06f92 100644 --- a/app/views/root/patron.html.haml +++ b/app/views/root/patron.html.haml @@ -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"