hover card with bg
All checks were successful
Deploy / Deploy to Production (push) Successful in 14s
All checks were successful
Deploy / Deploy to Production (push) Successful in 14s
This commit is contained in:
parent
80a606243e
commit
a0f0110fa6
14 changed files with 289 additions and 78 deletions
|
|
@ -1,9 +1,7 @@
|
|||
.card--open-graph{
|
||||
|
||||
|
||||
|
||||
@include grid-content();
|
||||
|
||||
|
||||
border: var(--border-light);
|
||||
border-radius: var(--radius-small);
|
||||
position: relative;
|
||||
|
|
@ -11,9 +9,17 @@
|
|||
figure{
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@include figure-16-9();
|
||||
// @include figure-16-9();
|
||||
|
||||
|
||||
@media #{$x-small}{
|
||||
|
|
@ -61,7 +67,7 @@
|
|||
|
||||
&:hover{
|
||||
border-color: var(--color-txt);
|
||||
|
||||
background-color: var(--grey-950);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue