Add hover effect on login/create an account button
This commit is contained in:
parent
4e8c872874
commit
9bce811268
1 changed files with 16 additions and 18 deletions
|
@ -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;
|
|
||||||
|
|
||||||
@include disable-default-a-behaviour;
|
|
||||||
|
|
||||||
&.login-button {
|
|
||||||
background-color: $orange-color;
|
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.create-account-button {
|
.create-account-button {
|
||||||
|
@include peertube-button-link;
|
||||||
|
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue