This commit is contained in:
Roman Pyrih
2025-07-23 12:26:30 +02:00
parent 0e9a49ee53
commit 530452cae2
19 changed files with 506 additions and 159 deletions

View File

@@ -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 {
}
}
}
}