Changing effect on team hover
This commit is contained in:
parent
c6fcc19f37
commit
bde0da3538
3 changed files with 8 additions and 3 deletions
|
|
@ -10951,7 +10951,8 @@ a.card {
|
||||||
background-color: #26599B;
|
background-color: #26599B;
|
||||||
}
|
}
|
||||||
.card.is-blue > .card-image {
|
.card.is-blue > .card-image {
|
||||||
box-shadow: inset 0 0 0 100vmax rgba(38, 89, 155, 0.5);
|
filter: grayscale(1) brightness(0.6);
|
||||||
|
transition: filter 0.3s ease-in;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.card.is-blue:hover {
|
a.card.is-blue:hover {
|
||||||
|
|
@ -10960,6 +10961,7 @@ a.card.is-blue:hover {
|
||||||
}
|
}
|
||||||
a.card.is-blue:hover > .card-image {
|
a.card.is-blue:hover > .card-image {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
filter: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card.is-marine {
|
.card.is-marine {
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -19,7 +19,9 @@ a.card {
|
||||||
color: $white;
|
color: $white;
|
||||||
background-color: $blue;
|
background-color: $blue;
|
||||||
& > .card-image {
|
& > .card-image {
|
||||||
box-shadow: inset 0 0 0 100vmax rgba($blue, .5);
|
// box-shadow: inset 0 0 0 100vmax rgba($blue, .5);
|
||||||
|
filter: grayscale(1) brightness(.6);
|
||||||
|
transition: filter .3s ease-in;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -28,6 +30,7 @@ a.card.is-blue:hover {
|
||||||
background-color: darken($blue, 5%);
|
background-color: darken($blue, 5%);
|
||||||
& > .card-image {
|
& > .card-image {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
filter: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue