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
This commit is contained in:
2025-09-14 22:01:13 +02:00
parent 6e3b9a65d9
commit ca19318e50
6 changed files with 260 additions and 497 deletions

6
.vscode/ftp-kr.json vendored
View File

@@ -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,

18
.vscode/settings.json vendored Normal file
View File

@@ -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
}

6
.vscode/sftp.json vendored
View File

@@ -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,

View File

@@ -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 */
#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 */

File diff suppressed because one or more lines are too long

View File

@@ -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;
}
}