Files
rm2.pagedev.pl/wp-content/themes/hello-elementor/assets/css/custom.scss
Roman Pyrih 4ad3303b18 Save
2026-03-25 15:55:26 +01:00

182 lines
2.4 KiB
SCSS

p {
&:last-child {
margin-bottom: 0;
}
}
.elementor-button {
.elementor-button-content-wrapper {
gap: 15px;
.elementor-button-icon {
line-height: 0;
margin-bottom: 1px;
svg {
width: 18px;
height: 18px;
}
}
}
}
.hp-tile {
position: relative;
line-height: 0;
transition: all 500ms linear;
&:hover {
transform: translateY(-10px);
.elementor-image-box-img {
img {
transform: scale(1.15);
}
}
}
.elementor-image-box-wrapper {
overflow: hidden;
border-radius: 6px;
.tile-link {
position: absolute;
inset: 0;
z-index: 3;
}
}
.elementor-image-box-img {
position: relative;
&::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.5) 100%
);
z-index: 1;
}
img {
transition: all 500ms linear;
}
}
.elementor-image-box-content {
position: absolute;
bottom: 0;
left: 0;
padding: 20px;
z-index: 2;
.elementor-image-box-title {
margin: 0;
}
}
}
.list-dots {
ul {
list-style: none;
padding-left: 16px;
li {
position: relative;
&::before {
content: '';
position: absolute;
top: 7px;
left: -16px;
width: 8px;
height: 8px;
border-radius: 100px;
background: #01a0d6;
}
}
}
}
.contact-form {
input[type='text'],
input[type='email'],
input[type='tel'],
textarea {
padding: 8px 12px;
}
}
.title-line {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
column-gap: 16px;
&::before,
&::after {
content: '';
width: 100%;
height: 1px;
display: block;
background: #dadee2;
}
}
.offer-tile {
background: #fff;
border-radius: 8px;
border: 1px solid #dadee2;
overflow: hidden;
align-items: center;
justify-content: center;
padding: 16px;
transition: all 300ms ease-in-out;
&:hover {
box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
0 4px 6px -4px rgb(0 0 0 / 0.1);
border-color: #c1e3f3;
.elementor-widget-icon {
.elementor-icon {
svg {
path {
stroke: #01a0d6;
}
}
}
}
}
.elementor-widget-image {
img {
width: 100%;
max-width: 94px;
min-height: 94px;
object-fit: contain;
}
}
.elementor-widget-icon {
position: absolute;
top: 16px;
right: 16px;
line-height: 1;
.elementor-icon {
svg {
path {
stroke: #bec2c5;
transition: all 300ms ease-in-out;
}
}
}
}
}