1
0
Fork 0

Add hover effect on login/create an account button

This commit is contained in:
Chocobozzz 2018-01-03 12:04:22 +01:00
parent 4e8c872874
commit 9bce811268
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
1 changed files with 16 additions and 18 deletions

View File

@ -62,28 +62,26 @@ menu {
.button-block { .button-block {
margin: 30px 25px 35px 25px; margin: 30px 25px 35px 25px;
.login-button, .create-account-button { .login-button {
font-weight: $font-semibold; @include peertube-button-link;
font-size: 15px; @include orange-button;
height: $button-height;
line-height: $button-height;
width: 100%;
border-radius: 3px;
text-align: center;
color: $menu-color;
display: block; display: block;
cursor: pointer; width: 100%;
margin-bottom: 15px; margin-bottom: 10px;
}
@include disable-default-a-behaviour; .create-account-button {
@include peertube-button-link;
&.login-button { display: block;
background-color: $orange-color; width: 100%;
margin-bottom: 10px;
}
&.create-account-button { color: #fff;
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
&:hover {
background-color: rgba(255, 255, 255, 0.28);
} }
} }
} }