Save
This commit is contained in:
@@ -1 +1 @@
|
||||
html{scroll-padding-top:150px}p:last-child{margin-bottom:0}.box-1>.e-con-inner{position:relative;padding:80px 70px;border-radius:28px;background:#fff}@media(max-width: 1024px){.box-1>.e-con-inner{padding:234px 24px 24px 24px;border-radius:0}}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance){position:relative}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) label{position:absolute;top:24px;left:22px;transform:translateY(-50%);transition:.3s ease;pointer-events:none;font-size:15px;color:#505050;font-weight:400}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input{height:48px;padding:19px 16px 5px;font-size:15px;font-weight:600}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input::-moz-placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input::placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:not(:-moz-placeholder)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:focus+label,#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:not(:placeholder-shown)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea{padding:19px 16px 5px;font-size:15px;font-weight:600;resize:none}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea::-moz-placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea::placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:not(:-moz-placeholder)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:focus+label,#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:not(:placeholder-shown)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-type-acceptance .elementor-field-option{display:flex;flex-direction:row;align-items:center;gap:12px}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;width:24px;min-width:24px;height:24px;background:#00ac35;border-radius:8px;cursor:pointer}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:12px;height:12px;background-image:url("/wp-content/uploads/2026/03/Check.svg");background-size:contain;background-repeat:no-repeat;opacity:0}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]:checked::before{opacity:1}#kontakt-form .elementor-field-type-acceptance label{color:#1e1756;font-family:"Open Sans",sans-serif;font-weight:600;font-size:14px;line-height:1.7;cursor:pointer}@media(min-width: 768px){#header-box{position:fixed}}@media(max-width: 768px){.card .elementor-image-box-wrapper{display:flex;align-items:center;gap:20px}}@media(max-width: 768px){.komfort-box{display:flex;align-items:center;gap:20px}}/*# sourceMappingURL=custom.css.map */
|
||||
html{scroll-padding-top:150px}p:last-child{margin-bottom:0}.box-1>.e-con-inner{position:relative;padding:80px 70px;border-radius:28px;background:#fff}@media(max-width: 1024px){.box-1>.e-con-inner{padding:234px 24px 24px 24px;border-radius:0}}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance){position:relative}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) label{position:absolute;top:24px;left:22px;transform:translateY(-50%);transition:.3s ease;pointer-events:none;font-size:15px;color:#505050;font-weight:400}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input{height:48px;padding:19px 16px 5px;font-size:15px;font-weight:600}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input::-moz-placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input::placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:not(:-moz-placeholder)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:focus+label,#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:not(:placeholder-shown)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea{padding:19px 16px 5px;font-size:15px;font-weight:600;resize:none}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea::-moz-placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea::placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:not(:-moz-placeholder)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:focus+label,#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:not(:placeholder-shown)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-type-acceptance .elementor-field-option{display:flex;flex-direction:row;align-items:center;gap:12px}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;width:24px;min-width:24px;height:24px;background:#00ac35;border-radius:8px;cursor:pointer}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:12px;height:12px;background-image:url("/wp-content/uploads/2026/03/Check.svg");background-size:contain;background-repeat:no-repeat;opacity:0}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]:checked::before{opacity:1}#kontakt-form .elementor-field-type-acceptance label{color:#1e1756;font-family:"Open Sans",sans-serif;font-weight:600;font-size:14px;line-height:1.7;cursor:pointer}@media(min-width: 768px){#header-box{position:fixed}}@media(max-width: 768px){.card .elementor-image-box-wrapper{display:flex;align-items:center;gap:20px}}@media(max-width: 768px){.komfort-box{display:flex;align-items:center;gap:20px}}.acc-tile-box.active .acc-tile-img::before{transform:translateY(0);opacity:1}.acc-tile-box.active .acc-tile{margin-top:-200px;padding-top:100px !important}.acc-tile-box .acc-tile-img{position:relative}.acc-tile-box .acc-tile-img::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(231, 237, 243, 0.37) -97.39%, #e7edf3 100%);opacity:0;transform:translateY(100%);transition:all 250ms linear}.acc-tile-box .acc-tile{position:relative;transition:all 250ms linear}.acc-tile-box .acc-tile-data{display:none}.acc-tile-box .acc-tile-btn.active .elementor-button-icon{transform:rotate(180deg)}.acc-tile-box .acc-tile-btn .elementor-button-icon{transition:all 250ms linear}.acc-big-tile-data{display:none}.acc-big-tile-btn.active .elementor-button-icon{transform:rotate(180deg)}.acc-big-tile-btn .elementor-button-icon{transition:all 250ms linear}.acc-big-tile-img{height:496px;overflow:hidden}.acc-big-tile-img img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}/*# sourceMappingURL=custom.css.map */
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AAAA,KACC,wBAAA,CAIA,aACC,eAAA,CAKD,oBACC,iBAAA,CACA,iBAAA,CACA,kBAAA,CACA,eAAA,CAEA,0BAND,oBAOE,4BAAA,CACA,eAAA,CAAA,CAOD,2EACC,iBAAA,CAEA,iFACC,iBAAA,CACA,QAAA,CACA,SAAA,CACA,0BAAA,CACA,mBAAA,CACA,mBAAA,CAKA,cAAA,CACA,aAAA,CACA,eAAA,CAGD,iFACC,WAAA,CACA,qBAAA,CACA,cAAA,CACA,eAAA,CAEA,mGACC,WAAA,CADD,8FACC,WAAA,CAGD,8GAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CALD,4MAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CAIF,oFACC,qBAAA,CACA,cAAA,CACA,eAAA,CACA,WAAA,CAEA,sGACC,WAAA,CADD,iGACC,WAAA,CAGD,iHAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CALD,kNAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CAOH,uEACC,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,QAAA,CAED,oEACC,uBAAA,CAAA,oBAAA,CAAA,eAAA,CACA,iBAAA,CAEA,oBAAA,CACA,UAAA,CACA,cAAA,CACA,WAAA,CACA,kBAAA,CACA,iBAAA,CACA,cAAA,CAEA,4EACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CACA,UAAA,CACA,WAAA,CACA,6DAAA,CACA,uBAAA,CACA,2BAAA,CACA,SAAA,CAED,oFACC,SAAA,CAGF,qDACC,aAAA,CACA,kCAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CACA,cAAA,CAMF,yBADD,YAEE,cAAA,CAAA,CAMA,yBADD,mCAEE,YAAA,CACA,kBAAA,CACA,QAAA,CAAA,CAMF,yBADD,aAEE,YAAA,CACA,kBAAA,CACA,QAAA,CAAA","file":"custom.css"}
|
||||
{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AAAA,KACC,wBAAA,CAIA,aACC,eAAA,CAKD,oBACC,iBAAA,CACA,iBAAA,CACA,kBAAA,CACA,eAAA,CAEA,0BAND,oBAOE,4BAAA,CACA,eAAA,CAAA,CAOD,2EACC,iBAAA,CAEA,iFACC,iBAAA,CACA,QAAA,CACA,SAAA,CACA,0BAAA,CACA,mBAAA,CACA,mBAAA,CAKA,cAAA,CACA,aAAA,CACA,eAAA,CAGD,iFACC,WAAA,CACA,qBAAA,CACA,cAAA,CACA,eAAA,CAEA,mGACC,WAAA,CADD,8FACC,WAAA,CAGD,8GAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CALD,4MAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CAIF,oFACC,qBAAA,CACA,cAAA,CACA,eAAA,CACA,WAAA,CAEA,sGACC,WAAA,CADD,iGACC,WAAA,CAGD,iHAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CALD,kNAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CAOH,uEACC,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,QAAA,CAED,oEACC,uBAAA,CAAA,oBAAA,CAAA,eAAA,CACA,iBAAA,CAEA,oBAAA,CACA,UAAA,CACA,cAAA,CACA,WAAA,CACA,kBAAA,CACA,iBAAA,CACA,cAAA,CAEA,4EACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CACA,UAAA,CACA,WAAA,CACA,6DAAA,CACA,uBAAA,CACA,2BAAA,CACA,SAAA,CAED,oFACC,SAAA,CAGF,qDACC,aAAA,CACA,kCAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CACA,cAAA,CAMF,yBADD,YAEE,cAAA,CAAA,CAMA,yBADD,mCAEE,YAAA,CACA,kBAAA,CACA,QAAA,CAAA,CAMF,yBADD,aAEE,YAAA,CACA,kBAAA,CACA,QAAA,CAAA,CAOC,2CACC,uBAAA,CACA,SAAA,CAGF,+BACC,iBAAA,CACA,4BAAA,CAIF,4BACC,iBAAA,CAEA,oCACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,mFAAA,CAKA,SAAA,CACA,0BAAA,CACA,2BAAA,CAGF,wBACC,iBAAA,CACA,2BAAA,CAGD,6BACC,YAAA,CAIC,0DACC,wBAAA,CAIF,mDACC,2BAAA,CAKH,mBACC,YAAA,CAIC,gDACC,wBAAA,CAIF,yCACC,2BAAA,CAIF,kBACC,YAAA,CACA,eAAA,CAEA,sBAEC,WAAA,CACA,UAAA,CACA,mBAAA,CAAA,gBAAA,CACA,6BAAA,CAAA,0BAAA","file":"custom.css"}
|
||||
@@ -153,3 +153,83 @@ p {
|
||||
gap: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.acc-tile-box {
|
||||
&.active {
|
||||
.acc-tile-img {
|
||||
&::before {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.acc-tile {
|
||||
margin-top: -200px;
|
||||
padding-top: 100px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.acc-tile-img {
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(231, 237, 243, 0.37) -97.39%,
|
||||
#e7edf3 100%
|
||||
);
|
||||
opacity: 0;
|
||||
transform: translateY(100%);
|
||||
transition: all 250ms linear;
|
||||
}
|
||||
}
|
||||
.acc-tile {
|
||||
position: relative;
|
||||
transition: all 250ms linear;
|
||||
}
|
||||
|
||||
.acc-tile-data {
|
||||
display: none;
|
||||
}
|
||||
.acc-tile-btn {
|
||||
&.active {
|
||||
.elementor-button-icon {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
.elementor-button-icon {
|
||||
transition: all 250ms linear;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.acc-big-tile-data {
|
||||
display: none;
|
||||
}
|
||||
.acc-big-tile-btn {
|
||||
&.active {
|
||||
.elementor-button-icon {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
.elementor-button-icon {
|
||||
transition: all 250ms linear;
|
||||
}
|
||||
}
|
||||
|
||||
.acc-big-tile-img {
|
||||
height: 496px;
|
||||
overflow: hidden;
|
||||
|
||||
img {
|
||||
// max-height: 496px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
object-position: top center;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,160 @@
|
||||
jQuery(document).ready(function($) {
|
||||
$('body').on('click', '.acc-tile-btn', function() {
|
||||
|
||||
jQuery(function ($) {
|
||||
const toggleText = 'Zwiń';
|
||||
|
||||
$('body').on('click', '.acc-tile-btn', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
const $btn = $(this);
|
||||
const $box = $btn.closest('.acc-tile-box');
|
||||
const $content = $box.find('.acc-tile-data').first();
|
||||
const $text = $btn.find('.elementor-button-text');
|
||||
const defaultText = $btn.data('default-text') || $text.text();
|
||||
|
||||
if (!$btn.data('default-text')) {
|
||||
$btn.data('default-text', defaultText);
|
||||
}
|
||||
|
||||
const isOpen = $content.hasClass('active');
|
||||
|
||||
// Zamykamy wszystkie inne
|
||||
$('.acc-tile-box').not($box).each(function () {
|
||||
const $otherBox = $(this);
|
||||
const $otherBtn = $otherBox.find('.acc-tile-btn').first();
|
||||
const $otherContent = $otherBox.find('.acc-tile-data').first();
|
||||
const $otherText = $otherBtn.find('.elementor-button-text');
|
||||
const otherDefaultText = $otherBtn.data('default-text');
|
||||
|
||||
$otherContent.removeClass('active').slideUp();
|
||||
$otherBtn.removeClass('active');
|
||||
$otherBox.removeClass('active');
|
||||
|
||||
if (otherDefaultText) {
|
||||
$otherText.text(otherDefaultText);
|
||||
}
|
||||
});
|
||||
|
||||
// Zmieniamy stan aktualnego
|
||||
if (isOpen) {
|
||||
$content.removeClass('active').slideUp();
|
||||
$btn.removeClass('active');
|
||||
$box.removeClass('active');
|
||||
$text.text(defaultText);
|
||||
} else {
|
||||
$content.addClass('active').slideDown();
|
||||
$btn.addClass('active');
|
||||
$box.addClass('active');
|
||||
$text.text(toggleText);
|
||||
}
|
||||
});
|
||||
|
||||
// $('body').on('click', '.acc-big-tile-btn', function (e) {
|
||||
// e.preventDefault();
|
||||
|
||||
// const $btn = $(this);
|
||||
// const $text = $btn.find('.elementor-button-text');
|
||||
// const defaultText = $btn.data('default-text') || $text.text();
|
||||
// const $content = $('.acc-big-tile-data');
|
||||
|
||||
// if (!$btn.data('default-text')) {
|
||||
// $btn.data('default-text', defaultText);
|
||||
// }
|
||||
|
||||
// const isOpen = $content.hasClass('active');
|
||||
|
||||
// if (isOpen) {
|
||||
// $content.removeClass('active').slideUp();
|
||||
// $btn.removeClass('active');
|
||||
// $text.text(defaultText);
|
||||
// $('.acc-big-tile-img').slideUp();
|
||||
// } else {
|
||||
// $content.addClass('active').slideDown();
|
||||
// $btn.addClass('active');
|
||||
// $text.text(toggleText);
|
||||
// $('.acc-big-tile-img').slideDown();
|
||||
// }
|
||||
// });
|
||||
$('body').on('click', '.acc-big-tile-btn', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
const $btn = $(this);
|
||||
const $text = $btn.find('.elementor-button-text');
|
||||
const defaultText = $btn.data('default-text') || $text.text();
|
||||
const $content = $('.acc-big-tile-data');
|
||||
const $img = $('.acc-big-tile-img');
|
||||
|
||||
if (!$btn.data('default-text')) {
|
||||
$btn.data('default-text', defaultText);
|
||||
}
|
||||
|
||||
if (!$img.data('initial-height')) {
|
||||
$img.data('initial-height', $img.outerHeight());
|
||||
$img.height($img.outerHeight());
|
||||
}
|
||||
|
||||
const initialHeight = $img.data('initial-height');
|
||||
const isOpen = $content.hasClass('active');
|
||||
|
||||
if (isOpen) {
|
||||
$content.removeClass('active').stop(true, true).slideUp(400);
|
||||
$btn.removeClass('active');
|
||||
$text.text(defaultText);
|
||||
|
||||
$img.stop(true, true).animate({
|
||||
height: initialHeight
|
||||
}, 400);
|
||||
} else {
|
||||
const targetHeight = $img.parent().outerHeight() + $content.outerHeight(true);
|
||||
|
||||
$content.addClass('active').stop(true, true).slideDown(400);
|
||||
$btn.addClass('active');
|
||||
$text.text(toggleText);
|
||||
|
||||
$img.stop(true, true).animate({
|
||||
height: targetHeight + 16
|
||||
}, 400);
|
||||
}
|
||||
});
|
||||
|
||||
// $('body').on('click', '.acc-big-tile-btn', function (e) {
|
||||
// e.preventDefault();
|
||||
|
||||
// const $btn = $(this);
|
||||
// const $text = $btn.find('.elementor-button-text');
|
||||
// const defaultText = $btn.data('default-text') || $text.text();
|
||||
// const $content = $('.acc-big-tile-data');
|
||||
// const $img = $('.acc-big-tile-img');
|
||||
|
||||
// if (!$btn.data('default-text')) {
|
||||
// $btn.data('default-text', defaultText);
|
||||
// }
|
||||
|
||||
// if (!$img.data('initial-height')) {
|
||||
// $img.data('initial-height', $img.outerHeight());
|
||||
// $img.height($img.outerHeight());
|
||||
// }
|
||||
|
||||
// const initialHeight = $img.data('initial-height');
|
||||
// const isOpen = $content.hasClass('active');
|
||||
|
||||
// if (isOpen) {
|
||||
// $content.removeClass('active').slideUp();
|
||||
// $btn.removeClass('active');
|
||||
// $text.text(defaultText);
|
||||
|
||||
// $img.stop(true, true).animate({
|
||||
// height: initialHeight
|
||||
// }, 400);
|
||||
// } else {
|
||||
// $content.addClass('active').slideDown(400, function () {
|
||||
// const targetHeight = $img.parent().outerHeight();
|
||||
|
||||
// $img.stop(true, true).animate({
|
||||
// height: targetHeight
|
||||
// }, 400);
|
||||
// });
|
||||
|
||||
// $btn.addClass('active');
|
||||
// $text.text(toggleText);
|
||||
// }
|
||||
// });
|
||||
});
|
||||
Reference in New Issue
Block a user