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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user