demarches-normaliennes/app/assets/stylesheets/new_design/new_header.scss

56 lines
1 KiB
SCSS
Raw Normal View History

2017-04-04 14:37:16 +02:00
@import "constants";
@import "colors";
@import "mixins";
@import "placeholders";
2017-04-04 14:37:16 +02:00
// FIXME: Rename when the header is generalized
.new-header {
height: 72px;
background-color: #FFFFFF;
}
.new-header-with-border {
border-bottom: 1px solid $border-grey;
}
2017-04-04 14:37:16 +02:00
.header-inner-content {
@extend %page-width-container;
display: flex;
justify-content: space-between;
2017-04-04 14:37:16 +02:00
}
.header-logo {
margin-top: 17px;
}
$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;
margin-top: 18px;
&:hover {
color: #FFFFFF;
text-decoration: none;
background-color: $light-blue;
}
&:focus {
color: $blue;
text-decoration: none;
}
&:hover:focus {
color: #FFFFFF;
}
}