first commit
This commit is contained in:
Roman Pyrih
1
wp-content/plugins/elementor-addon/assets/css/main.css
Normal file
1
wp-content/plugins/elementor-addon/assets/css/main.css
Normal file
@@ -0,0 +1 @@
|
||||
.elementor-widget-custom-slider .custom-slider-wrapper{position:relative;width:100%;overflow:hidden;height:500px}@media(max-width: 768px){.elementor-widget-custom-slider .custom-slider-wrapper{height:400px}}.elementor-widget-custom-slider .custom-slider-wrapper .custom-slider-swiper{width:100%;height:100%}.elementor-widget-custom-slider .custom-slider-wrapper .swiper-wrapper{height:100%}.elementor-widget-custom-slider .custom-slider-wrapper .swiper-slide{height:100%}.elementor-widget-custom-slider .custom-slider-wrapper .swiper-slide .custom-slider-slide-inner{width:100%;height:100%;overflow:hidden}.elementor-widget-custom-slider .custom-slider-wrapper .swiper-slide .custom-slider-slide-inner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(0.5);transform:scale(1.05)}.elementor-widget-custom-slider .custom-slider-wrapper .swiper-slide-active .custom-slider-slide-inner img{animation:customSliderZoom 4.5s ease-out forwards}@keyframes customSliderZoom{from{transform:scale(1)}to{transform:scale(1.05)}}.elementor-widget-custom-slider .custom-slider-wrapper .custom-slider-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.elementor-widget-custom-slider .custom-slider-wrapper .custom-slider-overlay .custom-slider-overlay-inner{max-width:700px;text-align:center;padding:20px;pointer-events:auto;color:#fff}@media(max-width: 768px){.elementor-widget-custom-slider .custom-slider-wrapper .custom-slider-overlay .custom-slider-overlay-inner{padding:15px}}.elementor-widget-custom-slider .custom-slider-wrapper .custom-slider-overlay .custom-slider-overlay-inner .custom-slider-title{margin:0 0 10px;font-size:clamp(26px,4vw,42px);font-family:"Inconsolata",Sans-serif;font-weight:700}.elementor-widget-custom-slider .custom-slider-wrapper .custom-slider-overlay .custom-slider-overlay-inner .custom-slider-text{margin:0 0 20px;font-size:clamp(14px,2vw,18px);font-family:"Inconsolata",Sans-serif;letter-spacing:2px;font-weight:300}.elementor-widget-custom-slider .custom-slider-wrapper .custom-slider-overlay .custom-slider-overlay-inner .custom-slider-button{display:inline-block;border-radius:0;border:none;text-decoration:none;transition:.35s ease all;color:#fff;font-family:"Inconsolata",Sans-serif;font-size:14px;font-weight:400;letter-spacing:2px;padding:15px 40px;background:#bc1834;outline:0;text-transform:uppercase}.elementor-widget-custom-slider .custom-slider-wrapper .custom-slider-overlay .custom-slider-overlay-inner .custom-slider-button:hover{background:#021526}.elementor-widget-custom-slider .custom-slider-wrapper .swiper-button-prev,.elementor-widget-custom-slider .custom-slider-wrapper .swiper-button-next{color:#fff;transition:opacity .3s ease}.elementor-widget-custom-slider .custom-slider-wrapper .swiper-button-prev:hover,.elementor-widget-custom-slider .custom-slider-wrapper .swiper-button-next:hover{opacity:.7}.elementor-widget-custom-slider .custom-slider-wrapper .swiper-pagination-bullet{background:hsla(0,0%,100%,.6);opacity:1}.elementor-widget-custom-slider .custom-slider-wrapper .swiper-pagination-bullet-active{background:#fff}/*# sourceMappingURL=main.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["main.scss"],"names":[],"mappings":"AACE,uDACE,iBAAA,CACA,UAAA,CACA,eAAA,CACA,YAAA,CAEA,yBANF,uDAOI,YAAA,CAAA,CAGF,6EACE,UAAA,CACA,WAAA,CAGF,uEACE,WAAA,CAGF,qEACE,WAAA,CAEA,gGACE,UAAA,CACA,WAAA,CACA,eAAA,CAEA,oGACE,UAAA,CACA,WAAA,CACA,mBAAA,CAAA,gBAAA,CACA,sBAAA,CAEA,qBAAA,CAKN,2GACE,iDAAA,CAGF,4BACE,KACE,kBAAA,CAGF,GACE,qBAAA,CAAA,CAIJ,8EACE,iBAAA,CACA,OAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,mBAAA,CACA,SAAA,CAEA,2GACE,eAAA,CACA,iBAAA,CACA,YAAA,CACA,mBAAA,CACA,UAAA,CAEA,yBAPF,2GAQI,YAAA,CAAA,CAGF,gIACE,eAAA,CACA,8BAAA,CACA,oCAAA,CACA,eAAA,CAGF,+HACE,eAAA,CACA,8BAAA,CACA,oCAAA,CACA,kBAAA,CACA,eAAA,CAGF,iIACE,oBAAA,CACA,eAAA,CACA,WAAA,CACA,oBAAA,CACA,wBAAA,CACA,UAAA,CACA,oCAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CACA,iBAAA,CACA,kBAAA,CACA,SAAA,CACA,wBAAA,CAEA,uIACE,kBAAA,CAMR,sJAEE,UAAA,CACA,2BAAA,CAEA,kKACE,UAAA,CAIJ,iFACE,6BAAA,CACA,SAAA,CAEA,wFACE,eAAA","file":"main.css"}
|
||||
131
wp-content/plugins/elementor-addon/assets/css/main.scss
Normal file
131
wp-content/plugins/elementor-addon/assets/css/main.scss
Normal file
@@ -0,0 +1,131 @@
|
||||
.elementor-widget-custom-slider {
|
||||
.custom-slider-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
height: 500px;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.custom-slider-swiper {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.swiper-wrapper {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.swiper-slide {
|
||||
height: 100%;
|
||||
|
||||
.custom-slider-slide-inner {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
filter: brightness(0.5);
|
||||
|
||||
transform: scale(1.05);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-slide-active .custom-slider-slide-inner img {
|
||||
animation: customSliderZoom 4.5s ease-out forwards;
|
||||
}
|
||||
|
||||
@keyframes customSliderZoom {
|
||||
from {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
}
|
||||
|
||||
.custom-slider-overlay {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
|
||||
.custom-slider-overlay-inner {
|
||||
max-width: 700px;
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
pointer-events: auto;
|
||||
color: #fff;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.custom-slider-title {
|
||||
margin: 0 0 10px;
|
||||
font-size: clamp(26px, 4vw, 42px);
|
||||
font-family: 'Inconsolata', Sans-serif;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.custom-slider-text {
|
||||
margin: 0 0 20px;
|
||||
font-size: clamp(14px, 2vw, 18px);
|
||||
font-family: 'Inconsolata', Sans-serif;
|
||||
letter-spacing: 2px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.custom-slider-button {
|
||||
display: inline-block;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
text-decoration: none;
|
||||
transition: 0.35s ease all;
|
||||
color: #fff;
|
||||
font-family: "Inconsolata", Sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
letter-spacing: 2px;
|
||||
padding: 15px 40px;
|
||||
background: #bc1834;
|
||||
outline: 0;
|
||||
text-transform: uppercase;
|
||||
|
||||
&:hover {
|
||||
background: #021526;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-button-prev,
|
||||
.swiper-button-next {
|
||||
color: #fff;
|
||||
transition: opacity 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-pagination-bullet {
|
||||
background: rgba(255, 255, 255, 0.6);
|
||||
opacity: 1;
|
||||
|
||||
&-active {
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
63
wp-content/plugins/elementor-addon/assets/js/main.js
Normal file
63
wp-content/plugins/elementor-addon/assets/js/main.js
Normal file
@@ -0,0 +1,63 @@
|
||||
;(function ($) {
|
||||
function initCustomSlider($scope) {
|
||||
var $wrappers = $scope.find('.custom-slider-wrapper')
|
||||
|
||||
if (!$wrappers.length) {
|
||||
return
|
||||
}
|
||||
|
||||
$wrappers.each(function () {
|
||||
var $wrapper = $(this)
|
||||
var $swiperEl = $wrapper.find('.custom-slider-swiper')[0]
|
||||
|
||||
if (!$swiperEl) {
|
||||
return
|
||||
}
|
||||
|
||||
var autoplayDelay = parseInt($wrapper.data('autoplay-delay'), 10) || 4000
|
||||
var transitionSpeed =
|
||||
parseInt($wrapper.data('transition-speed'), 10) || 1200
|
||||
|
||||
if ($wrapper.data('swiper-initialized')) {
|
||||
return
|
||||
}
|
||||
|
||||
var swiper = new Swiper($swiperEl, {
|
||||
loop: true,
|
||||
slidesPerView: 1,
|
||||
effect: 'fade',
|
||||
fadeEffect: {
|
||||
crossFade: true,
|
||||
},
|
||||
speed: transitionSpeed,
|
||||
autoplay: {
|
||||
delay: autoplayDelay,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: $wrapper.find('.custom-slider-pagination')[0],
|
||||
clickable: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: $wrapper.find('.custom-slider-button-next')[0],
|
||||
prevEl: $wrapper.find('.custom-slider-button-prev')[0],
|
||||
},
|
||||
})
|
||||
|
||||
$wrapper.data('swiper-initialized', true)
|
||||
})
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
initCustomSlider($(document))
|
||||
})
|
||||
|
||||
$(window).on('elementor/frontend/init', function () {
|
||||
elementorFrontend.hooks.addAction(
|
||||
'frontend/element_ready/custom-slider.default',
|
||||
function ($scope) {
|
||||
initCustomSlider($scope)
|
||||
}
|
||||
)
|
||||
})
|
||||
})(jQuery)
|
||||
Reference in New Issue
Block a user