|
@@ -29,6 +29,7 @@ button.cbk-btn {
|
|
|
|
|
|
|
|
&:focus {
|
|
&:focus {
|
|
|
outline: 0;
|
|
outline: 0;
|
|
|
|
|
+ background-color: $grey-300;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
&:hover {
|
|
&:hover {
|
|
@@ -59,7 +60,8 @@ button.cbk-btn {
|
|
|
@include solidBoxShadow();
|
|
@include solidBoxShadow();
|
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
|
|
|
- &:hover {
|
|
|
|
|
|
|
+ &:hover,
|
|
|
|
|
+ &:focus {
|
|
|
background-color: $black;
|
|
background-color: $black;
|
|
|
color: $white;
|
|
color: $white;
|
|
|
@include solidBoxShadow();
|
|
@include solidBoxShadow();
|
|
@@ -86,7 +88,8 @@ button.cbk-btn {
|
|
|
background-color: $black;
|
|
background-color: $black;
|
|
|
border: 3px solid $black;
|
|
border: 3px solid $black;
|
|
|
color: $white;
|
|
color: $white;
|
|
|
- &:hover {
|
|
|
|
|
|
|
+ &:hover,
|
|
|
|
|
+ &:focus {
|
|
|
background-color: $black;
|
|
background-color: $black;
|
|
|
box-shadow: 3px 3px $yellow;
|
|
box-shadow: 3px 3px $yellow;
|
|
|
}
|
|
}
|
|
@@ -107,7 +110,8 @@ button.cbk-btn {
|
|
|
border: 3px solid black;
|
|
border: 3px solid black;
|
|
|
color: black;
|
|
color: black;
|
|
|
|
|
|
|
|
- &:hover {
|
|
|
|
|
|
|
+ &:hover,
|
|
|
|
|
+ &:focus {
|
|
|
border: 3px solid black;
|
|
border: 3px solid black;
|
|
|
color: black;
|
|
color: black;
|
|
|
background-image: linear-gradient(
|
|
background-image: linear-gradient(
|
