From ca19318e50255f14cea3d410e3d67c357b906837 Mon Sep 17 00:00:00 2001 From: Jacek Pyziak Date: Sun, 14 Sep 2025 22:01:13 +0200 Subject: [PATCH] Update FTP and SFTP configurations, optimize CSS, and enhance SCSS settings - Changed FTP host and password in .vscode/ftp-kr.json and .vscode/sftp.json - Enabled auto-upload in FTP configuration - Minified CSS in custom.css for performance improvements - Updated custom.css.map to reflect changes in custom.scss - Refactored custom.scss for better readability and maintainability - Added new settings to .vscode/settings.json for live Sass compilation --- .vscode/ftp-kr.json | 6 +- .vscode/settings.json | 18 + .vscode/sftp.json | 6 +- .../hello-elementor/assets/css/custom.css | 235 +-------- .../hello-elementor/assets/css/custom.css.map | 2 +- .../hello-elementor/assets/css/custom.scss | 490 +++++++++--------- 6 files changed, 260 insertions(+), 497 deletions(-) create mode 100644 .vscode/settings.json diff --git a/.vscode/ftp-kr.json b/.vscode/ftp-kr.json index b6029dc..53a8c83 100644 --- a/.vscode/ftp-kr.json +++ b/.vscode/ftp-kr.json @@ -1,12 +1,12 @@ { - "host": "server.hostline.pl", + "host": "host117523.hostido.net.pl", "username": "www@kontrans.cmspro.it", - "password": "eT3SArdvDUXkZ8ZeEAPP", + "password": "WrXTJaskW9BAH4aLDwhy", "remotePath": "/public_html/", "protocol": "ftp", "port": 0, "fileNameEncoding": "utf8", - "autoUpload": false, + "autoUpload": true, "autoDelete": false, "autoDownload": false, "ignoreRemoteModification": true, diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..7e1e90e --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,18 @@ +{ + "liveSassCompile.settings.formats": [ + { + "format": "compressed", + "extensionName": ".css", + "savePath": "", + "savePathSegmentKeys": null, + "savePathReplaceSegmentsWith": null + } + ], + "liveSassCompile.settings.generateMap": true, + "liveSassCompile.settings.autoprefix": "defaults", + "liveSassCompile.settings.watchOnLaunch": true, + "liveSassCompile.settings.includeItems": [ + "wp-content/themes/hello-elementor/assets/css/custom.scss" + ], + "svn.ignoreMissingSvnWarning": true +} \ No newline at end of file diff --git a/.vscode/sftp.json b/.vscode/sftp.json index d9500d2..fa4893e 100644 --- a/.vscode/sftp.json +++ b/.vscode/sftp.json @@ -1,10 +1,10 @@ { - "name": "server.hostline.pl", - "host": "server.hostline.pl", + "name": "host117523.hostido.net.pl", + "host": "host117523.hostido.net.pl", "protocol": "ftp", "port": 21, "username": "www@kontrans.cmspro.it", - "password": "eT3SArdvDUXkZ8ZeEAPP", + "password": "WrXTJaskW9BAH4aLDwhy", "remotePath": "/public_html/", "uploadOnSave": false, "useTempFile": false, diff --git a/wp-content/themes/hello-elementor/assets/css/custom.css b/wp-content/themes/hello-elementor/assets/css/custom.css index 2a8bd78..e839758 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.css +++ b/wp-content/themes/hello-elementor/assets/css/custom.css @@ -1,234 +1 @@ -#home-hero-box { - margin-top: -77px; -} - -#home-hero .elementor-swiper:hover .elementor-swiper-button { - left: 20px; - opacity: 1; -} -#home-hero .elementor-swiper .swiper-slide .swiper-slide-inner { - max-width: var(--content-width); -} -#home-hero .elementor-swiper .elementor-swiper-button { - width: 60px; - height: 60px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 100%; - background: rgba(255, 255, 255, 0.3); - left: -50px; - opacity: 0; - right: auto; - transition-delay: 0.1s; - transition-timing-function: ease-in-out; - transition-duration: 0.5s; - transition-property: all; - transform-origin: bottom; - transform-style: preserve-3d; -} -#home-hero .elementor-swiper .elementor-swiper-button::before { - content: ""; - position: absolute; - top: 50%; - left: 50%; - width: 40px; - height: 40px; - opacity: 0; - transform: translate(-50%, -50%); - background: rgba(255, 255, 255, 0.7); - transition: all 300ms ease-in-out; - border-radius: 100%; -} -#home-hero .elementor-swiper .elementor-swiper-button:hover::before { - opacity: 1; - width: 100%; - height: 100%; -} -#home-hero .elementor-swiper .elementor-swiper-button:hover svg { - fill: #000; -} -#home-hero .elementor-swiper .elementor-swiper-button.elementor-swiper-button-prev { - top: calc(50% + 40px); -} -#home-hero .elementor-swiper .elementor-swiper-button.elementor-swiper-button-next { - top: calc(50% - 40px); -} -#home-hero .elementor-swiper .elementor-swiper-button svg { - z-index: 1; - transition: all 300ms ease-in-out; -} - -.btn-1 { - height: 55px; -} -.btn-1 .elementor-button-wrapper .elementor-button { - padding: 20px 40px; - border-radius: 0; -} -.btn-1 .elementor-button-wrapper .elementor-button .elementor-button-text { - font-weight: 700; -} -.btn-2 { - height: 55px; -} -.btn-2 .elementor-button-wrapper .elementor-button { - padding: 10px 10px 10px 20px; - border-radius: 0; - box-shadow: 0 0 0 2px #eaeaea; - background: #fff; -} -.btn-2 .elementor-button-wrapper .elementor-button:hover { - background: #fd5523; - box-shadow: 0 0 0 2px #fd5523; -} -.btn-2 .elementor-button-wrapper .elementor-button:hover .elementor-button-content-wrapper .elementor-button-text { - color: #fff; -} -.btn-2 .elementor-button-wrapper .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon { - color: #fd5523; - background: #fff; -} -.btn-2 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper { - align-items: center; - -moz-column-gap: 15px; - column-gap: 15px; -} -.btn-2 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-text { - color: #fd5523; - font-weight: 700; -} -.btn-2 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon { - width: 36px; - height: 36px; - display: flex; - align-items: center; - justify-content: center; - background: #fd5523; -} -.btn-3 { - height: 55px; -} -.btn-3 .elementor-button-wrapper .elementor-button { - padding: 10px 10px 10px 20px; - border-radius: 0; - background: #fff; -} -.btn-3 .elementor-button-wrapper .elementor-button:hover { - background: #062e39; -} -.btn-3 .elementor-button-wrapper .elementor-button:hover .elementor-button-content-wrapper .elementor-button-text { - color: #fff; -} -.btn-3 .elementor-button-wrapper .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon { - color: #062e39; - background: #fd5523; -} -.btn-3 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper { - align-items: center; - -moz-column-gap: 15px; - column-gap: 15px; -} -.btn-3 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-text { - color: #fd5523; - font-weight: 700; -} -.btn-3 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon { - width: 36px; - height: 36px; - display: flex; - align-items: center; - justify-content: center; - background: #fd5523; -} - -.carousel-box-1 .swiper.swiper-initialized { - overflow: initial; -} -.carousel-box-1 .swiper-slide { - overflow: initial; -} -.carousel-box-1 .swiper-pagination .swiper-pagination-bullet { - position: relative; -} -.carousel-box-1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { - content: ""; - position: absolute; - top: 50%; - left: 50%; - width: 16px; - height: 16px; - border-radius: 100%; - border: 1px solid #fd5523; - transform: translate(-50%, -50%); -} - -.price-tile .elementor-price-table .elementor-price-table__header { - position: relative; - border-bottom: 2px solid #eaeaea; -} -.price-tile .elementor-price-table .elementor-price-table__features-list .elementor-price-table__feature-inner { - margin: 0 !important; - display: flex; - flex-direction: row; - align-items: center; -} -.price-tile .elementor-price-table .elementor-price-table__features-list .elementor-price-table__feature-inner svg { - padding: 5px; - background: #f9f9f9; - border-radius: 100%; -} -.price-tile .elementor-price-table .elementor-price-table__price { - justify-content: flex-start; - align-items: flex-end; -} -.price-tile .elementor-price-table .elementor-price-table__price .elementor-price-table__period { - width: -moz-fit-content; - width: fit-content; - margin-left: 10px; -} -.price-tile .elementor-price-table .elementor-price-table__price .elementor-price-table__period::before { - content: "/"; -} -.price-tile .elementor-price-table .btn-1 { - text-align: left; -} - -.hp-contact-list .elementor-icon-list-items li .elementor-icon-list-icon svg { - width: 20px; - height: 20px; - display: flex; - align-items: center; - justify-content: center; - padding: 6px; - background: #fd5523; - border-radius: 100%; -} -.hp-contact-list .elementor-icon-list-items li:not(:last-child) { - border-bottom: 1px solid #eaeaea; -} - -.ph-iton-tile { - margin-top: -55px; - transform: translateY(55px); - transition: all 0.3s ease; -} -.ph-iton-tile:hover { - transform: translateY(-20px); -} -.ph-iton-tile:hover .elementor-widget-button { - opacity: 1; - visibility: visible; -} -.ph-iton-tile .elementor-icon { - background: #fff; - border-radius: 100px; - padding: 0 30px; -} -.ph-iton-tile .elementor-widget-button { - opacity: 0; - visibility: hidden; - transition: all 0.3s ease; - height: auto; - padding-bottom: 20px; -}/*# sourceMappingURL=custom.css.map */ \ No newline at end of file +#home-hero-box{margin-top:-77px}#home-hero .elementor-swiper:hover .elementor-swiper-button{left:20px;opacity:1}#home-hero .elementor-swiper .swiper-slide .swiper-slide-inner{max-width:var(--content-width)}#home-hero .elementor-swiper .elementor-swiper-button{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:100%;background:hsla(0,0%,100%,.3);left:-50px;opacity:0;right:auto;transition-delay:.1s;transition-timing-function:ease-in-out;transition-duration:.5s;transition-property:all;transform-origin:bottom;transform-style:preserve-3d}#home-hero .elementor-swiper .elementor-swiper-button::before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;opacity:0;transform:translate(-50%, -50%);background:hsla(0,0%,100%,.7);transition:all 300ms ease-in-out;border-radius:100%}#home-hero .elementor-swiper .elementor-swiper-button:hover::before{opacity:1;width:100%;height:100%}#home-hero .elementor-swiper .elementor-swiper-button:hover svg{fill:#000}#home-hero .elementor-swiper .elementor-swiper-button.elementor-swiper-button-prev{top:calc(50% + 40px)}#home-hero .elementor-swiper .elementor-swiper-button.elementor-swiper-button-next{top:calc(50% - 40px)}#home-hero .elementor-swiper .elementor-swiper-button svg{z-index:1;transition:all 300ms ease-in-out}.btn-1{height:55px}.btn-1 .elementor-button-wrapper .elementor-button{padding:20px 40px;border-radius:0}.btn-1 .elementor-button-wrapper .elementor-button .elementor-button-text{font-weight:700}.btn-2{height:55px}.btn-2 .elementor-button-wrapper .elementor-button{padding:10px 10px 10px 20px;border-radius:0;background:#fff}.btn-2 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper{align-items:center;-moz-column-gap:15px;column-gap:15px}.btn-2 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-text{font-weight:700}.btn-2 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.btn-3{height:55px}.btn-3 .elementor-button-wrapper .elementor-button{padding:10px 10px 10px 20px;border-radius:0}.btn-3 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper{align-items:center;-moz-column-gap:15px;column-gap:15px}.btn-3 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-text{font-weight:700}.btn-3 .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.carousel-box-1 .swiper.swiper-initialized{overflow:initial}.carousel-box-1 .swiper-slide{overflow:initial}.carousel-box-1 .swiper-pagination .swiper-pagination-bullet{position:relative}.carousel-box-1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;border-radius:100%;border:1px solid #fd5523;transform:translate(-50%, -50%)}.price-tile .elementor-price-table .elementor-price-table__header{position:relative;border-bottom:2px solid #eaeaea}.price-tile .elementor-price-table .elementor-price-table__features-list .elementor-price-table__feature-inner{margin:0 !important;display:flex;flex-direction:row;align-items:center}.price-tile .elementor-price-table .elementor-price-table__features-list .elementor-price-table__feature-inner svg{padding:5px;background:#f9f9f9;border-radius:100%}.price-tile .elementor-price-table .elementor-price-table__price{justify-content:flex-start;align-items:flex-end}.price-tile .elementor-price-table .elementor-price-table__price .elementor-price-table__period{width:-moz-fit-content;width:fit-content;margin-left:10px}.price-tile .elementor-price-table .elementor-price-table__price .elementor-price-table__period::before{content:"/"}.price-tile .elementor-price-table .btn-1{text-align:left}.hp-contact-list .elementor-icon-list-items li .elementor-icon-list-icon svg{width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:6px;background:#01a0e2;border-radius:100%}.hp-contact-list .elementor-icon-list-items li:not(:last-child){border-bottom:1px solid #eaeaea}.ph-iton-tile{margin-top:-55px;transform:translateY(55px);transition:all .3s ease}.ph-iton-tile:hover{transform:translateY(-20px)}.ph-iton-tile:hover .elementor-widget-button{opacity:1;visibility:visible}.ph-iton-tile .elementor-icon{background:#fff;border-radius:100px;padding:0 30px}.ph-iton-tile .elementor-widget-button{opacity:0;visibility:hidden;transition:all .3s ease;height:auto;padding-bottom:20px}/*# sourceMappingURL=custom.css.map */ \ No newline at end of file diff --git a/wp-content/themes/hello-elementor/assets/css/custom.css.map b/wp-content/themes/hello-elementor/assets/css/custom.css.map index 492e1a5..ba5e374 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.css.map +++ b/wp-content/themes/hello-elementor/assets/css/custom.css.map @@ -1 +1 @@ -{"version":3,"sources":["custom.scss","custom.css"],"names":[],"mappings":"AAAA;EACC,iBAAA;ACCD;;ADKG;EACC,UAAA;EACA,UAAA;ACFJ;ADMG;EACC,+BAAA;ACJJ;ADQE;EACC,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;EACA,oCAAA;EACA,WAAA;EACA,UAAA;EACA,WAAA;EACA,sBAAA;EACA,uCAAA;EACA,yBAAA;EACA,wBAAA;EACA,wBAAA;EACA,4BAAA;ACNH;ADQG;EACC,WAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,gCAAA;EACA,oCAAA;EACA,iCAAA;EACA,mBAAA;ACNJ;ADSI;EACC,UAAA;EACA,WAAA;EACA,YAAA;ACPL;ADUI;EACC,UAAA;ACRL;ADYG;EACC,qBAAA;ACVJ;ADYG;EACC,qBAAA;ACVJ;ADaG;EACC,UAAA;EACA,iCAAA;ACXJ;;ADkBC;EACC,YAAA;ACfF;ADkBG;EACC,kBAAA;EACA,gBAAA;AChBJ;ADkBI;EACC,gBAAA;AChBL;ADqBC;EACC,YAAA;ACnBF;ADqBG;EACC,4BAAA;EACA,gBAAA;EACA,6BAAA;EACA,gBAAA;ACnBJ;ADqBI;EACC,mBAAA;EACA,6BAAA;ACnBL;ADsBM;EACC,WAAA;ACpBP;ADsBM;EACC,cAAA;EACA,gBAAA;ACpBP;ADwBI;EACC,mBAAA;EACA,qBAAA;OAAA,gBAAA;ACtBL;ADwBK;EACC,cAAA;EACA,gBAAA;ACtBN;ADwBK;EACC,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;ACtBN;AD4BC;EACC,YAAA;AC1BF;AD4BG;EACC,4BAAA;EACA,gBAAA;EACA,gBAAA;AC1BJ;AD4BI;EACC,mBAAA;AC1BL;AD6BM;EACC,WAAA;AC3BP;AD6BM;EACC,cAAA;EACA,mBAAA;AC3BP;AD+BI;EACC,mBAAA;EACA,qBAAA;OAAA,gBAAA;AC7BL;AD+BK;EACC,cAAA;EACA,gBAAA;AC7BN;AD+BK;EACC,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,mBAAA;AC7BN;;ADsCC;EACC,iBAAA;ACnCF;ADqCC;EACC,iBAAA;ACnCF;ADuCE;EACC,kBAAA;ACrCH;ADwCI;EACC,WAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,yBAAA;EACA,gCAAA;ACtCL;;AD+CE;EACC,kBAAA;EACA,gCAAA;AC5CH;ADmDG;EACC,oBAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;ACjDJ;ADmDI;EACC,YAAA;EACA,mBAAA;EACA,mBAAA;ACjDL;ADsDE;EACC,2BAAA;EACA,qBAAA;ACpDH;ADsDG;EACC,uBAAA;EAAA,kBAAA;EACA,iBAAA;ACpDJ;ADsDI;EACC,YAAA;ACpDL;ADyDE;EACC,gBAAA;ACvDH;;ADgEI;EACC,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;AC7DL;ADiEG;EACC,gCAAA;AC/DJ;;ADqEA;EACC,iBAAA;EACA,2BAAA;EACA,yBAAA;AClED;ADoEC;EACC,4BAAA;AClEF;ADoEE;EACC,UAAA;EACA,mBAAA;AClEH;ADqEC;EACC,gBAAA;EACA,oBAAA;EACA,eAAA;ACnEF;ADqEC;EACC,UAAA;EACA,kBAAA;EACA,yBAAA;EACA,YAAA;EACA,oBAAA;ACnEF","file":"custom.css"} \ No newline at end of file +{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AAAA,eACE,gBAAA,CAMI,4DACE,SAAA,CACA,SAAA,CAKF,+DACE,8BAAA,CAIJ,sDACE,UAAA,CACA,WAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CACA,6BAAA,CACA,UAAA,CACA,SAAA,CACA,UAAA,CACA,oBAAA,CACA,sCAAA,CACA,uBAAA,CACA,uBAAA,CACA,uBAAA,CACA,2BAAA,CAEA,8DACE,UAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,UAAA,CACA,WAAA,CACA,SAAA,CACA,+BAAA,CACA,6BAAA,CACA,gCAAA,CACA,kBAAA,CAIA,oEACE,SAAA,CACA,UAAA,CACA,WAAA,CAGF,gEACE,SAAA,CAIJ,mFACE,oBAAA,CAGF,mFACE,oBAAA,CAGF,0DACE,SAAA,CACA,gCAAA,CAON,OACE,WAAA,CAGE,mDACE,iBAAA,CACA,eAAA,CAEA,0EACE,eAAA,CAMR,OACE,WAAA,CAGE,mDACE,2BAAA,CACA,eAAA,CACA,eAAA,CAEA,qFACE,kBAAA,CACA,oBAAA,CAAA,eAAA,CAEA,4GACE,eAAA,CAGF,4GACE,UAAA,CACA,WAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CAOV,OACE,WAAA,CAGE,mDACE,2BAAA,CACA,eAAA,CAEA,qFACE,kBAAA,CACA,oBAAA,CAAA,eAAA,CAEA,4GACE,eAAA,CAGF,4GACE,UAAA,CACA,WAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CASV,2CACE,gBAAA,CAGF,8BACE,gBAAA,CAIA,6DACE,iBAAA,CAGE,qGACE,UAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,wBAAA,CACA,+BAAA,CASN,kEACE,iBAAA,CACA,+BAAA,CAMA,+GACE,mBAAA,CACA,YAAA,CACA,kBAAA,CACA,kBAAA,CAEA,mHACE,WAAA,CACA,kBAAA,CACA,kBAAA,CAKN,iEACE,0BAAA,CACA,oBAAA,CAEA,gGACE,sBAAA,CAAA,iBAAA,CACA,gBAAA,CAEA,wGACE,WAAA,CAKN,0CACE,eAAA,CASE,6EACE,UAAA,CACA,WAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,WAAA,CACA,kBAAA,CACA,kBAAA,CAIJ,gEACE,+BAAA,CAMR,cACE,gBAAA,CACA,0BAAA,CACA,uBAAA,CAEA,oBACE,2BAAA,CAEA,6CACE,SAAA,CACA,kBAAA,CAIJ,8BACE,eAAA,CACA,mBAAA,CACA,cAAA,CAGF,uCACE,SAAA,CACA,iBAAA,CACA,uBAAA,CACA,WAAA,CACA,mBAAA","file":"custom.css","sourcesContent":["#home-hero-box {\r\n margin-top: -77px;\r\n}\r\n\r\n#home-hero {\r\n .elementor-swiper {\r\n &:hover {\r\n .elementor-swiper-button {\r\n left: 20px;\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .swiper-slide {\r\n .swiper-slide-inner {\r\n max-width: var(--content-width);\r\n }\r\n }\r\n\r\n .elementor-swiper-button {\r\n width: 60px;\r\n height: 60px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 100%;\r\n background: rgba(255, 255, 255, 0.3);\r\n left: -50px;\r\n opacity: 0;\r\n right: auto;\r\n transition-delay: 0.1s;\r\n transition-timing-function: ease-in-out;\r\n transition-duration: 0.5s;\r\n transition-property: all;\r\n transform-origin: bottom;\r\n transform-style: preserve-3d;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 40px;\r\n height: 40px;\r\n opacity: 0;\r\n transform: translate(-50%, -50%);\r\n background: rgba(255, 255, 255, 0.7);\r\n transition: all 300ms ease-in-out;\r\n border-radius: 100%;\r\n }\r\n\r\n &:hover {\r\n &::before {\r\n opacity: 1;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n svg {\r\n fill: #000;\r\n }\r\n }\r\n\r\n &.elementor-swiper-button-prev {\r\n top: calc(50% + 40px);\r\n }\r\n\r\n &.elementor-swiper-button-next {\r\n top: calc(50% - 40px);\r\n }\r\n\r\n svg {\r\n z-index: 1;\r\n transition: all 300ms ease-in-out;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.btn {\r\n &-1 {\r\n height: 55px;\r\n\r\n .elementor-button-wrapper {\r\n .elementor-button {\r\n padding: 20px 40px;\r\n border-radius: 0;\r\n\r\n .elementor-button-text {\r\n font-weight: 700;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &-2 {\r\n height: 55px;\r\n\r\n .elementor-button-wrapper {\r\n .elementor-button {\r\n padding: 10px 10px 10px 20px;\r\n border-radius: 0;\r\n background: #fff;\r\n\r\n .elementor-button-content-wrapper {\r\n align-items: center;\r\n column-gap: 15px;\r\n\r\n .elementor-button-text {\r\n font-weight: 700;\r\n }\r\n\r\n .elementor-button-icon {\r\n width: 36px;\r\n height: 36px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &-3 {\r\n height: 55px;\r\n\r\n .elementor-button-wrapper {\r\n .elementor-button {\r\n padding: 10px 10px 10px 20px;\r\n border-radius: 0;\r\n\r\n .elementor-button-content-wrapper {\r\n align-items: center;\r\n column-gap: 15px;\r\n\r\n .elementor-button-text {\r\n font-weight: 700;\r\n }\r\n\r\n .elementor-button-icon {\r\n width: 36px;\r\n height: 36px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.carousel-box-1 {\r\n .swiper.swiper-initialized {\r\n overflow: initial;\r\n }\r\n\r\n .swiper-slide {\r\n overflow: initial;\r\n }\r\n\r\n .swiper-pagination {\r\n .swiper-pagination-bullet {\r\n position: relative;\r\n\r\n &.swiper-pagination-bullet-active {\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 100%;\r\n border: 1px solid #fd5523;\r\n transform: translate(-50%, -50%);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.price-tile {\r\n .elementor-price-table {\r\n .elementor-price-table__header {\r\n position: relative;\r\n border-bottom: 2px solid #eaeaea;\r\n\r\n .elementor-price-table__heading {}\r\n }\r\n\r\n .elementor-price-table__features-list {\r\n .elementor-price-table__feature-inner {\r\n margin: 0 !important;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n\r\n svg {\r\n padding: 5px;\r\n background: #f9f9f9;\r\n border-radius: 100%;\r\n }\r\n }\r\n }\r\n\r\n .elementor-price-table__price {\r\n justify-content: flex-start;\r\n align-items: flex-end;\r\n\r\n .elementor-price-table__period {\r\n width: fit-content;\r\n margin-left: 10px;\r\n\r\n &::before {\r\n content: '/';\r\n }\r\n }\r\n }\r\n\r\n .btn-1 {\r\n text-align: left;\r\n }\r\n }\r\n}\r\n\r\n.hp-contact-list {\r\n .elementor-icon-list-items {\r\n li {\r\n .elementor-icon-list-icon {\r\n svg {\r\n width: 20px;\r\n height: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 6px;\r\n background: #01a0e2;\r\n border-radius: 100%;\r\n }\r\n }\r\n\r\n &:not(:last-child) {\r\n border-bottom: 1px solid #eaeaea;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.ph-iton-tile {\r\n margin-top: -55px;\r\n transform: translateY(55px);\r\n transition: all 0.3s ease;\r\n\r\n &:hover {\r\n transform: translateY(-20px);\r\n\r\n .elementor-widget-button {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n }\r\n\r\n .elementor-icon {\r\n background: #fff;\r\n border-radius: 100px;\r\n padding: 0 30px;\r\n }\r\n\r\n .elementor-widget-button {\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.3s ease;\r\n height: auto;\r\n padding-bottom: 20px;\r\n }\r\n}"]} \ No newline at end of file diff --git a/wp-content/themes/hello-elementor/assets/css/custom.scss b/wp-content/themes/hello-elementor/assets/css/custom.scss index 4eafad2..0b6ff5c 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.scss +++ b/wp-content/themes/hello-elementor/assets/css/custom.scss @@ -1,300 +1,278 @@ #home-hero-box { - margin-top: -77px; + margin-top: -77px; } #home-hero { - .elementor-swiper { - &:hover { - .elementor-swiper-button { - left: 20px; - opacity: 1; - } - } - .swiper-slide { - .swiper-slide-inner { - max-width: var(--content-width); - } - } + .elementor-swiper { + &:hover { + .elementor-swiper-button { + left: 20px; + opacity: 1; + } + } - .elementor-swiper-button { - width: 60px; - height: 60px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 100%; - background: rgba(255, 255, 255, 0.3); - left: -50px; - opacity: 0; - right: auto; - transition-delay: 0.1s; - transition-timing-function: ease-in-out; - transition-duration: 0.5s; - transition-property: all; - transform-origin: bottom; - transform-style: preserve-3d; + .swiper-slide { + .swiper-slide-inner { + max-width: var(--content-width); + } + } - &::before { - content: ''; - position: absolute; - top: 50%; - left: 50%; - width: 40px; - height: 40px; - opacity: 0; - transform: translate(-50%, -50%); - background: rgba(255, 255, 255, 0.7); - transition: all 300ms ease-in-out; - border-radius: 100%; - } - &:hover { - &::before { - opacity: 1; - width: 100%; - height: 100%; - } + .elementor-swiper-button { + width: 60px; + height: 60px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + background: rgba(255, 255, 255, 0.3); + left: -50px; + opacity: 0; + right: auto; + transition-delay: 0.1s; + transition-timing-function: ease-in-out; + transition-duration: 0.5s; + transition-property: all; + transform-origin: bottom; + transform-style: preserve-3d; - svg { - fill: #000; - } - } + &::before { + content: ''; + position: absolute; + top: 50%; + left: 50%; + width: 40px; + height: 40px; + opacity: 0; + transform: translate(-50%, -50%); + background: rgba(255, 255, 255, 0.7); + transition: all 300ms ease-in-out; + border-radius: 100%; + } - &.elementor-swiper-button-prev { - top: calc(50% + 40px); - } - &.elementor-swiper-button-next { - top: calc(50% - 40px); - } + &:hover { + &::before { + opacity: 1; + width: 100%; + height: 100%; + } - svg { - z-index: 1; - transition: all 300ms ease-in-out; - } - } - } + svg { + fill: #000; + } + } + + &.elementor-swiper-button-prev { + top: calc(50% + 40px); + } + + &.elementor-swiper-button-next { + top: calc(50% - 40px); + } + + svg { + z-index: 1; + transition: all 300ms ease-in-out; + } + } + } } .btn { - &-1 { - height: 55px; + &-1 { + height: 55px; - .elementor-button-wrapper { - .elementor-button { - padding: 20px 40px; - border-radius: 0; + .elementor-button-wrapper { + .elementor-button { + padding: 20px 40px; + border-radius: 0; - .elementor-button-text { - font-weight: 700; - } - } - } - } - &-2 { - height: 55px; - .elementor-button-wrapper { - .elementor-button { - padding: 10px 10px 10px 20px; - border-radius: 0; - box-shadow: 0 0 0 2px #eaeaea; - background: #fff; + .elementor-button-text { + font-weight: 700; + } + } + } + } - &:hover { - background: #fd5523; - box-shadow: 0 0 0 2px #fd5523; + &-2 { + height: 55px; - .elementor-button-content-wrapper { - .elementor-button-text { - color: #fff; - } - .elementor-button-icon { - color: #fd5523; - background: #fff; - } - } - } - .elementor-button-content-wrapper { - align-items: center; - column-gap: 15px; + .elementor-button-wrapper { + .elementor-button { + padding: 10px 10px 10px 20px; + border-radius: 0; + background: #fff; - .elementor-button-text { - color: #fd5523; - font-weight: 700; - } - .elementor-button-icon { - width: 36px; - height: 36px; - display: flex; - align-items: center; - justify-content: center; - background: #fd5523; - } - } - } - } - } - &-3 { - height: 55px; - .elementor-button-wrapper { - .elementor-button { - padding: 10px 10px 10px 20px; - border-radius: 0; - background: #fff; + .elementor-button-content-wrapper { + align-items: center; + column-gap: 15px; - &:hover { - background: #062e39; + .elementor-button-text { + font-weight: 700; + } - .elementor-button-content-wrapper { - .elementor-button-text { - color: #fff; - } - .elementor-button-icon { - color: #062e39; - background: #fd5523; - } - } - } - .elementor-button-content-wrapper { - align-items: center; - column-gap: 15px; + .elementor-button-icon { + width: 36px; + height: 36px; + display: flex; + align-items: center; + justify-content: center; + } + } + } + } + } - .elementor-button-text { - color: #fd5523; - font-weight: 700; - } - .elementor-button-icon { - width: 36px; - height: 36px; - display: flex; - align-items: center; - justify-content: center; - background: #fd5523; - } - } - } - } - } + &-3 { + height: 55px; + + .elementor-button-wrapper { + .elementor-button { + padding: 10px 10px 10px 20px; + border-radius: 0; + + .elementor-button-content-wrapper { + align-items: center; + column-gap: 15px; + + .elementor-button-text { + font-weight: 700; + } + + .elementor-button-icon { + width: 36px; + height: 36px; + display: flex; + align-items: center; + justify-content: center; + } + } + } + } + } } .carousel-box-1 { - .swiper.swiper-initialized { - overflow: initial; - } - .swiper-slide { - overflow: initial; - } + .swiper.swiper-initialized { + overflow: initial; + } - .swiper-pagination { - .swiper-pagination-bullet { - position: relative; + .swiper-slide { + overflow: initial; + } - &.swiper-pagination-bullet-active { - &::before { - content: ''; - position: absolute; - top: 50%; - left: 50%; - width: 16px; - height: 16px; - border-radius: 100%; - border: 1px solid #fd5523; - transform: translate(-50%, -50%); - } - } - } - } + .swiper-pagination { + .swiper-pagination-bullet { + position: relative; + + &.swiper-pagination-bullet-active { + &::before { + content: ''; + position: absolute; + top: 50%; + left: 50%; + width: 16px; + height: 16px; + border-radius: 100%; + border: 1px solid #fd5523; + transform: translate(-50%, -50%); + } + } + } + } } .price-tile { - .elementor-price-table { - .elementor-price-table__header { - position: relative; - border-bottom: 2px solid #eaeaea; + .elementor-price-table { + .elementor-price-table__header { + position: relative; + border-bottom: 2px solid #eaeaea; - .elementor-price-table__heading { - } - } + .elementor-price-table__heading {} + } - .elementor-price-table__features-list { - .elementor-price-table__feature-inner { - margin: 0 !important; - display: flex; - flex-direction: row; - align-items: center; + .elementor-price-table__features-list { + .elementor-price-table__feature-inner { + margin: 0 !important; + display: flex; + flex-direction: row; + align-items: center; - svg { - padding: 5px; - background: #f9f9f9; - border-radius: 100%; - } - } - } + svg { + padding: 5px; + background: #f9f9f9; + border-radius: 100%; + } + } + } - .elementor-price-table__price { - justify-content: flex-start; - align-items: flex-end; + .elementor-price-table__price { + justify-content: flex-start; + align-items: flex-end; - .elementor-price-table__period { - width: fit-content; - margin-left: 10px; + .elementor-price-table__period { + width: fit-content; + margin-left: 10px; - &::before { - content: '/'; - } - } - } + &::before { + content: '/'; + } + } + } - .btn-1 { - text-align: left; - } - } + .btn-1 { + text-align: left; + } + } } .hp-contact-list { - .elementor-icon-list-items { - li { - .elementor-icon-list-icon { - svg { - width: 20px; - height: 20px; - display: flex; - align-items: center; - justify-content: center; - padding: 6px; - background: #fd5523; - border-radius: 100%; - } - } + .elementor-icon-list-items { + li { + .elementor-icon-list-icon { + svg { + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + padding: 6px; + background: #01a0e2; + border-radius: 100%; + } + } - &:not(:last-child) { - border-bottom: 1px solid #eaeaea; - } - } - } + &:not(:last-child) { + border-bottom: 1px solid #eaeaea; + } + } + } } .ph-iton-tile { - margin-top: -55px; - transform: translateY(55px); - transition: all 0.3s ease; + margin-top: -55px; + transform: translateY(55px); + transition: all 0.3s ease; - &:hover { - transform: translateY(-20px); + &:hover { + transform: translateY(-20px); - .elementor-widget-button { - opacity: 1; - visibility: visible; - } - } - .elementor-icon { - background: #fff; - border-radius: 100px; - padding: 0 30px; - } - .elementor-widget-button { - opacity: 0; - visibility: hidden; - transition: all 0.3s ease; - height: auto; - padding-bottom: 20px; - } -} + .elementor-widget-button { + opacity: 1; + visibility: visible; + } + } + + .elementor-icon { + background: #fff; + border-radius: 100px; + padding: 0 30px; + } + + .elementor-widget-button { + opacity: 0; + visibility: hidden; + transition: all 0.3s ease; + height: auto; + padding-bottom: 20px; + } +} \ No newline at end of file