Save
This commit is contained in:
@@ -308,3 +308,201 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#single-post-content {
|
||||
h2 {
|
||||
margin-top: 40px;
|
||||
}
|
||||
a {
|
||||
color: var(--e-global-color-accent);
|
||||
}
|
||||
}
|
||||
|
||||
.card-tile-transparent {
|
||||
.elementor-image-box-wrapper {
|
||||
position: relative;
|
||||
line-height: 0;
|
||||
height: 100%;
|
||||
|
||||
&:hover {
|
||||
.elementor-image-box-img {
|
||||
a {
|
||||
&::after {
|
||||
height: 250%;
|
||||
transition: all 600ms linear;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
transform: scale(1.1);
|
||||
filter: brightness(0.6);
|
||||
}
|
||||
}
|
||||
|
||||
.elementor-image-box-content {
|
||||
// background: rgba(0, 0, 0, 0.3);
|
||||
.elementor-image-box-description {
|
||||
height: 300px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.elementor-image-box-img {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
|
||||
img {
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
// filter: brightness(0.7);
|
||||
}
|
||||
|
||||
a {
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 200%;
|
||||
height: 0%;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
transform: translate(-50%, -50%) rotate(-45deg);
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.elementor-image-box-content {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 40px;
|
||||
line-height: 1.5;
|
||||
transition: all 250ms ease-in-out;
|
||||
|
||||
.elementor-image-box-title {
|
||||
position: relative;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
transition: all 250ms ease-in-out;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -4px;
|
||||
width: 40px;
|
||||
height: 2px;
|
||||
background: var(--e-global-color-accent);
|
||||
}
|
||||
}
|
||||
.elementor-image-box-description {
|
||||
padding-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
height: 0;
|
||||
max-height: fit-content;
|
||||
overflow: hidden;
|
||||
transition: all 250ms ease-in-out;
|
||||
}
|
||||
|
||||
.elementor-image-box-link {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card-tile {
|
||||
.elementor-image-box-wrapper {
|
||||
position: relative;
|
||||
line-height: 0;
|
||||
height: 100%;
|
||||
|
||||
&:hover {
|
||||
.elementor-image-box-img {
|
||||
a {
|
||||
&::after {
|
||||
height: 250%;
|
||||
transition: all 600ms linear;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
transform: scale(1.1);
|
||||
filter: brightness(0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.elementor-image-box-content {
|
||||
.elementor-image-box-description {
|
||||
height: 300px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.elementor-image-box-img {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
|
||||
img {
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
filter: brightness(0.7);
|
||||
}
|
||||
|
||||
a {
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 200%;
|
||||
height: 0%;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
transform: translate(-50%, -50%) rotate(-45deg);
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.elementor-image-box-content {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 40px;
|
||||
line-height: 1.5;
|
||||
|
||||
.elementor-image-box-title {
|
||||
position: relative;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: -4px;
|
||||
width: 40px;
|
||||
height: 2px;
|
||||
background: var(--e-global-color-accent);
|
||||
}
|
||||
}
|
||||
.elementor-image-box-description {
|
||||
padding-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
height: 0;
|
||||
max-height: fit-content;
|
||||
overflow: hidden;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.elementor-image-box-link {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user