Refactor SCSS imports and add local settings for build permissions

- Updated main.scss to remove redundant forward for "shame".
- Added .claude/settings.local.json to configure permissions for build commands.
This commit is contained in:
2026-01-29 15:23:24 +01:00
parent 8238523447
commit 1efdc59290
13 changed files with 1256 additions and 3446 deletions

View File

@@ -0,0 +1,8 @@
{
"permissions": {
"allow": [
"Bash(npm run build:styles:*)",
"Bash(powershell -Command \"cd ''c:\\\\visual studio code\\\\projekty\\\\ostal.pl\\\\wp-content\\\\themes\\\\ostal_WP''; npm run build:styles\")"
]
}
}

View File

@@ -12,6 +12,7 @@
"liveSassCompile.settings.autoprefix": "defaults",
"liveSassCompile.settings.watchOnLaunch": true,
"liveSassCompile.settings.includeItems": [
"wp-content/themes/ostal_WP/css/custom.scss"
"wp-content/themes/ostal_WP/css/custom.scss",
"wp-content/themes/ostal_WP/sass/main.scss",
]
}

View File

@@ -71,8 +71,29 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$message .= '<li>Imię: ' . $configData['step_4']['name'] . '</li>';
$message .= '<li>E-mail: ' . $configData['step_4']['email'] . '</li>';
$message .= '<li>Telefon: ' . $configData['step_4']['phone'] . '</li>';
if (isset($configData['step_4']['planned_date']) && $configData['step_4']['planned_date']) {
$message .= '<li>Planowany termin montażu: ' . $configData['step_4']['planned_date'] . '</li>';
}
if (isset($configData['step_4']['budget_range']) && $configData['step_4']['budget_range']) {
$message .= '<li>Orientacyjny budżet: ' . $configData['step_4']['budget_range'] . '</li>';
}
if (isset($configData['step_4']['is_owner']) && $configData['step_4']['is_owner']) {
$message .= '<li>Właściciel nieruchomości: ' . $configData['step_4']['is_owner'] . '</li>';
}
$message .= '</ul>';
if (isset($configData['step_4']['confirm_budget']) || isset($configData['step_4']['confirm_deposit'])) {
$message .= '<p>Potwierdzenia</p>';
$message .= '<ul>';
if (isset($configData['step_4']['confirm_budget']) && $configData['step_4']['confirm_budget']) {
$message .= '<li>✅ Rozumiem, że realizacje całorocznych ogrodów zimowych zaczynają się od około 120 000 zł netto.</li>';
}
if (isset($configData['step_4']['confirm_deposit']) && $configData['step_4']['confirm_deposit']) {
$message .= '<li>✅ Rozumiem, że do rezerwacji terminu realizacji wymagana jest zaliczka (ok. 40%).</li>';
}
$message .= '</ul>';
}
if (send_email($to, $configData['step_4']['email'], $subject, $message, $file)) {
$_SESSION["configurator_sended"] = true;
echo json_encode(['status' => 'ok', 'message' => 'Wiadmość wysłana']);

View File

@@ -1 +1 @@
#home-page-seo .wrapper{padding-top:75px;padding-bottom:0}#home-page-seo .wrapper h2{margin-left:0;max-width:100%}#garden-page-seo .wrapper{padding-top:0;padding-bottom:75px}#garden-page-seo .wrapper h2{margin-left:0;max-width:100%}.pagination{display:flex;align-items:center;margin:25px 0 50px;justify-content:center;width:100%;font-size:16px;gap:10px}.pagination a{font-size:16px}.c-select p{margin-bottom:5px !important}.c-select select{border:1px solid #88b14b;padding:10px;width:100%}body.page-id-2598 main section#korzysci .boxes.simple-cards{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner{flex-direction:column}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner h2{margin:0}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner p{margin:0}/*# sourceMappingURL=custom.css.map */
#home-page-seo .wrapper{padding-top:75px;padding-bottom:0}#home-page-seo .wrapper h2{margin-left:0;max-width:100%}#garden-page-seo .wrapper{padding-top:0;padding-bottom:75px}#garden-page-seo .wrapper h2{margin-left:0;max-width:100%}.pagination{display:flex;align-items:center;margin:25px 0 50px;justify-content:center;width:100%;font-size:16px;gap:10px}.pagination a{font-size:16px}.c-select p{margin-bottom:5px !important}.c-select select{border:1px solid #88b14b;padding:10px;width:100%}body.page-id-2598 main section#korzysci .boxes.simple-cards{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner{flex-direction:column}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner h2{margin:0}body.page-id-2598 main section#garden-page-seo .wrapper.wrapper--inner p{margin:0}#calc-ch-1 .slide-data{flex-wrap:wrap}#calc-ch-1 .slide-data .calc-texts{width:calc(100% - 200px) !important}.checkboxes-confirm{padding:5px 37px}.swiper-wrapper.wrapper--inner{background:#000}.swiper-wrapper.wrapper--inner .swiper-slide:first-child h1{flex:0 0 35% !important}.swiper-wrapper.wrapper--inner .swiper-slide:first-child .hero-slider-content{flex:0 0 65% !important}/*# sourceMappingURL=custom.css.map */

View File

@@ -1 +1 @@
{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AACC,wBACC,gBAAA,CACA,gBAAA,CAEA,2BACC,aAAA,CACA,cAAA,CAMF,0BACC,aAAA,CACA,mBAAA,CAEA,6BACC,aAAA,CACA,cAAA,CAKH,YACC,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,cAAA,CACA,QAAA,CAEA,cACC,cAAA,CAKD,YACC,4BAAA,CAED,iBACC,wBAAA,CACA,YAAA,CACA,UAAA,CAOC,4DACC,0DAAA,CAID,uEACC,qBAAA,CAEA,0EACC,QAAA,CAED,yEACC,QAAA","file":"custom.css"}
{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AACE,wBACE,gBAAA,CACA,gBAAA,CAEA,2BACE,aAAA,CACA,cAAA,CAMJ,0BACE,aAAA,CACA,mBAAA,CAEA,6BACE,aAAA,CACA,cAAA,CAKN,YACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,cAAA,CACA,QAAA,CAEA,cACE,cAAA,CAKF,YACE,4BAAA,CAGF,iBACE,wBAAA,CACA,YAAA,CACA,UAAA,CAOE,4DACE,0DAAA,CAKF,uEACE,qBAAA,CAEA,0EACE,QAAA,CAGF,yEACE,QAAA,CAQR,uBACE,cAAA,CAEA,mCACE,mCAAA,CAKN,oBACE,gBAAA,CAGF,+BACE,eAAA,CAGE,4DACE,uBAAA,CAGF,8EACE,uBAAA","file":"custom.css","sourcesContent":["#home-page-seo {\r\n .wrapper {\r\n padding-top: 75px;\r\n padding-bottom: 0;\r\n\r\n h2 {\r\n margin-left: 0;\r\n max-width: 100%;\r\n }\r\n }\r\n}\r\n\r\n#garden-page-seo {\r\n .wrapper {\r\n padding-top: 0;\r\n padding-bottom: 75px;\r\n\r\n h2 {\r\n margin-left: 0;\r\n max-width: 100%;\r\n }\r\n }\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n margin: 25px 0 50px;\r\n justify-content: center;\r\n width: 100%;\r\n font-size: 16px;\r\n gap: 10px;\r\n\r\n a {\r\n font-size: 16px;\r\n }\r\n}\r\n\r\n.c-select {\r\n p {\r\n margin-bottom: 5px !important;\r\n }\r\n\r\n select {\r\n border: 1px solid #88b14b;\r\n padding: 10px;\r\n width: 100%;\r\n }\r\n}\r\n\r\nbody.page-id-2598 {\r\n main {\r\n section#korzysci {\r\n .boxes.simple-cards {\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n }\r\n }\r\n\r\n section#garden-page-seo {\r\n .wrapper.wrapper--inner {\r\n flex-direction: column;\r\n\r\n h2 {\r\n margin: 0;\r\n }\r\n\r\n p {\r\n margin: 0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n#calc-ch-1 {\r\n .slide-data {\r\n flex-wrap: wrap;\r\n\r\n .calc-texts {\r\n width: calc(100% - 200px) !important;\r\n }\r\n }\r\n}\r\n\r\n.checkboxes-confirm {\r\n padding: 5px 37px;\r\n}\r\n\r\n.swiper-wrapper.wrapper--inner {\r\n background: #000;\r\n\r\n .swiper-slide:first-child {\r\n h1 {\r\n flex: 0 0 35% !important;\r\n }\r\n\r\n .hero-slider-content {\r\n flex: 0 0 65% !important;\r\n }\r\n }\r\n}"]}

View File

@@ -1,70 +1,101 @@
#home-page-seo {
.wrapper {
padding-top: 75px;
padding-bottom: 0;
.wrapper {
padding-top: 75px;
padding-bottom: 0;
h2 {
margin-left: 0;
max-width: 100%;
}
}
h2 {
margin-left: 0;
max-width: 100%;
}
}
}
#garden-page-seo {
.wrapper {
padding-top: 0;
padding-bottom: 75px;
.wrapper {
padding-top: 0;
padding-bottom: 75px;
h2 {
margin-left: 0;
max-width: 100%;
}
}
h2 {
margin-left: 0;
max-width: 100%;
}
}
}
.pagination {
display: flex;
align-items: center;
margin: 25px 0 50px;
justify-content: center;
width: 100%;
font-size: 16px;
gap: 10px;
display: flex;
align-items: center;
margin: 25px 0 50px;
justify-content: center;
width: 100%;
font-size: 16px;
gap: 10px;
a {
font-size: 16px;
}
a {
font-size: 16px;
}
}
.c-select {
p {
margin-bottom: 5px !important;
}
select {
border: 1px solid #88b14b;
padding: 10px;
width: 100%;
}
p {
margin-bottom: 5px !important;
}
select {
border: 1px solid #88b14b;
padding: 10px;
width: 100%;
}
}
body.page-id-2598 {
main {
section#korzysci {
.boxes.simple-cards {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
}
section#garden-page-seo {
.wrapper.wrapper--inner {
flex-direction: column;
main {
section#korzysci {
.boxes.simple-cards {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
}
h2 {
margin: 0;
}
p {
margin: 0;
}
}
}
}
section#garden-page-seo {
.wrapper.wrapper--inner {
flex-direction: column;
h2 {
margin: 0;
}
p {
margin: 0;
}
}
}
}
}
#calc-ch-1 {
.slide-data {
flex-wrap: wrap;
.calc-texts {
width: calc(100% - 200px) !important;
}
}
}
.checkboxes-confirm {
padding: 5px 37px;
}
.swiper-wrapper.wrapper--inner {
background: #000;
.swiper-slide:first-child {
h1 {
flex: 0 0 35% !important;
}
.hero-slider-content {
flex: 0 0 65% !important;
}
}
}

File diff suppressed because it is too large Load Diff

View File

@@ -109,6 +109,9 @@
</select>
</li>
</ul>
<p v-if="selected_option_1 === 0" class="budget-info" style="margin-top: 20px; font-size: 14px; color: #666; font-style: italic;">
Orientacyjny budżet całorocznego ogrodu zimowego zwykle mieści się w przedziale 120 000 180 000 zł netto
</p>
</div>
</div>
@@ -252,6 +255,47 @@
</li>
</ul>
<ul v-if="selected_option_1 === 0" class="calc-texts" style="margin-top: 20px;">
<li class="c-select">
<p>Planowany termin montażu</p>
<select v-model="configData.step_4.planned_date">
<option value="">-- Wybierz --</option>
<option value="36 miesięcy">36 miesięcy</option>
<option value="612 miesięcy">612 miesięcy</option>
<option value="później">później</option>
</select>
</li>
<li class="c-select">
<p>Orientacyjny budżet</p>
<select v-model="configData.step_4.budget_range">
<option value="">-- Wybierz --</option>
<option value="poniżej 100 000 zł">poniżej 100 000 zł</option>
<option value="120 000 150 000 zł">120 000 150 000 zł</option>
<option value="150 000 200 000 zł">150 000 200 000 zł</option>
<option value="powyżej 200 000 zł">powyżej 200 000 zł</option>
</select>
</li>
<li class="c-select">
<p>Czy jesteś właścicielem nieruchomości?</p>
<select v-model="configData.step_4.is_owner">
<option value="">-- Wybierz --</option>
<option value="Tak">Tak</option>
<option value="Nie">Nie</option>
</select>
</li>
</ul>
<div v-if="selected_option_1 === 0" class="checkboxes-confirm" style="margin-top: 20px;">
<label style="display: flex; align-items: flex-start; gap: 10px; margin-bottom: 15px; cursor: pointer;">
<input type="checkbox" v-model="configData.step_4.confirm_budget" style="margin-top: 4px; flex-shrink: 0;">
<span style="font-size: 14px;">Rozumiem, że realizacje całorocznych ogrodów zimowych zaczynają się od około 120 000 zł netto.</span>
</label>
<label style="display: flex; align-items: flex-start; gap: 10px; margin-bottom: 15px; cursor: pointer;">
<input type="checkbox" v-model="configData.step_4.confirm_deposit" style="margin-top: 4px; flex-shrink: 0;">
<span style="font-size: 14px;">Rozumiem, że do rezerwacji terminu realizacji wymagana jest zaliczka (ok. 40%).</span>
</label>
</div>
<button class="btn_send btn btn-primary" type="submit" @click="sendEmail()" :disabled="isSended">Wyślij</button>
</div>
@@ -347,6 +391,11 @@
name: '',
email: '',
phone: '',
planned_date: '',
budget_range: '',
is_owner: '',
confirm_budget: false,
confirm_deposit: false,
}
}
}
@@ -487,12 +536,25 @@
return true;
};
return checkFields(configData, ['step_3_extra']);
return checkFields(configData, ['step_3_extra', 'planned_date', 'budget_range', 'is_owner', 'confirm_budget', 'confirm_deposit']);
},
checkFields() {
return this.areAllFieldsFilled(this.configData);
const basicFieldsFilled = this.areAllFieldsFilled(this.configData);
// Dla ogrodów zimowych (selected_option_1 === 0) wymagaj dodatkowych pól i checkboxów
if (this.selected_option_1 === 0) {
if (!this.configData.step_4.planned_date ||
!this.configData.step_4.budget_range ||
!this.configData.step_4.is_owner ||
!this.configData.step_4.confirm_budget ||
!this.configData.step_4.confirm_deposit) {
return false;
}
}
return basicFieldsFilled;
},
resetAllFields() {

View File

@@ -72,7 +72,7 @@ $collaboration = [
<p class="hero-text text-white">Realizacje całorocznych ogrodów zimowych startują od ok. 120 000 zł netto.</p>
</div>
<div class="hero-form">
<?php echo do_shortcode('[contact-form-7 id="21a1143" title="Formularz kontaktowy"]'); ?>
<?php echo do_shortcode('[contact-form-7 id="26e16e5" title="Formularz kontaktowy dla firm"]'); ?>
</div>
</div>
</section>
@@ -116,7 +116,7 @@ $collaboration = [
</div>
<div class="col col-image">
<div class="image-wrapper">
<img src="https://ostal.pl/wp-content/uploads/2023/10/DECORATION-PHOTO-1.jpg" alt="" class="img-auto section-image">
<img src="https://ostal.pl/wp-content/uploads/2026/01/IMG_2832-scaled.jpg" alt="" class="img-auto section-image">
</div>
</div>
</div>
@@ -126,7 +126,7 @@ $collaboration = [
<div class="wrapper wrapper--inner imageLeft">
<div class="col col-image">
<div class="image-wrapper">
<img src="https://ostal.pl/wp-content/uploads/2023/10/DECORATION-PHOTO-1.jpg" alt="" class="img-auto section-image">
<img src="https://ostal.pl/wp-content/uploads/2026/01/IMG_1341-scaled.jpg" alt="" class="img-auto section-image">
</div>
</div>
<div class="col col-text">
@@ -151,7 +151,7 @@ $collaboration = [
</div>
<div class="col col-image">
<div class="image-wrapper">
<img src="https://ostal.pl/wp-content/uploads/2023/10/DECORATION-PHOTO-1.jpg" alt="" class="img-auto section-image">
<img src="https://ostal.pl/wp-content/uploads/2026/01/199-f27gxxl.jpg" alt="" class="img-auto section-image">
</div>
</div>
</div>

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -5,5 +5,4 @@
@forward "05-components";
@forward "06-pages";
@forward "07-themes";
@forward "shame";
@forward "shame";