summary image hover effect added
This commit is contained in:
parent
e2f045f937
commit
bd14f86d31
|
@ -12,7 +12,7 @@
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
@include box-shadow(0, 8px, 6px, -6px, black);
|
@include box-shadow(0, 2px, 4px, 0, rgba(0, 0, 0, 0.25));
|
||||||
|
|
||||||
&-wrapper {
|
&-wrapper {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
|
|
|
@ -76,7 +76,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.summary-classic {
|
.summary-classic {
|
||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
.title {
|
.title {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
a {
|
a {
|
||||||
|
@ -125,7 +125,12 @@
|
||||||
max-width: 130px;
|
max-width: 130px;
|
||||||
min-width: 130px;
|
min-width: 130px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
border-radius: 0.25rem;
|
||||||
@include align-self(center);
|
@include align-self(center);
|
||||||
|
@include on-event {
|
||||||
|
@include box-shadow(1px, 1px, 3px, 0px, rgba(0, 0, 0, 0.25));
|
||||||
|
background-color: rgba(125, 125, 125, 0.1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -26,7 +26,7 @@
|
||||||
height: 100%;
|
height: 100%;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
@include box-shadow(0, 8px, 6px, -6px, black);
|
@include box-shadow(0, 2px, 3px, 0, rgba(0, 0, 0, 0.25));
|
||||||
|
|
||||||
&-wrapper {
|
&-wrapper {
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue