Project-Pro/pkmp.com.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Roman Pyrih
2026-05-14 12:44:25 +02:00
commit 8e2b11a3a0
62 changed files with 10160 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
wp-content/themes/pkmp/css/_mixins.scss Normal file
View File

@@ -0,0 +1,52 @@
$container-max-widths: (
sm: 540px,
md: 720px,
lg: 960px,
xl: 1140px,
xxl: 1370px,
);
$breakpoints: (
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px,
xxl: 1400px,
);
@mixin respond-above($breakpoint) {
@if map-has-key($breakpoints, $breakpoint) {
$breakpoint-value: map-get($breakpoints, $breakpoint);
@media (min-width: $breakpoint-value) {
@content;
}
} @else {
@warn 'Invalid breakpoint: #{$breakpoint}.';
}
}
@mixin respond-below($breakpoint) {
@if map-has-key($breakpoints, $breakpoint) {
$breakpoint-value: map-get($breakpoints, $breakpoint);
@media (max-width: ($breakpoint-value - 1)) {
@content;
}
} @else {
@warn 'Invalid breakpoint: #{$breakpoint}.';
}
}
@mixin respond-between($lower, $upper) {
@if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) {
$lower-breakpoint: map-get($breakpoints, $lower);
$upper-breakpoint: map-get($breakpoints, $upper);
@media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) {
@content;
}
} @else {
@if (map-has-key($breakpoints, $lower) == false) {
@warn 'Your lower breakpoint was invalid: #{$lower}.';
}
@if (map-has-key($breakpoints, $upper) == false) {
@warn 'Your upper breakpoint was invalid: #{$upper}.';
}
}
}

1
wp-content/themes/pkmp/css/custom.css Normal file
View File

@@ -0,0 +1 @@
*{box-sizing:border-box;font-family:"Inter",sans-serif}html{scroll-behavior:smooth}body{margin:0 !important}a{text-decoration:none}p{margin-top:0}h1,h2,h3,h4,h5,h6{margin-top:0}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media(min-width: 576px){.container{max-width:540px}}@media(min-width: 768px){.container{max-width:720px}}@media(min-width: 992px){.container{max-width:960px}}@media(min-width: 1200px){.container{max-width:1140px}}@media(min-width: 1400px){.container{max-width:1370px}}.btn{display:inline-flex;flex-direction:row;-moz-column-gap:12px;column-gap:12px;align-items:center;justify-content:center;color:#fcf7f8;font-size:14px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;padding-bottom:8px;border-bottom:2px solid #ee343b;transition:all 700ms cubic-bezier(0.4, 0, 0.2, 1)}.btn:hover{color:#fcf7f8}.btn svg{width:12px;height:12px}h4.sub-title{font-size:12px;font-weight:500;letter-spacing:3px;line-height:1.3;margin-bottom:20px;text-transform:uppercase}h2.title{font-size:72px;font-weight:500;font-family:"Cormorant Garamond",serif;line-height:1;margin-bottom:24px}h2.title span{font-family:"Cormorant Garamond",serif}@media(max-width: 1199px){h2.title{font-size:52px}}.text{margin-bottom:40px}.text p{font-size:18px;line-height:1.5;font-weight:400}.text p:last-child{margin-bottom:0}.box-1{position:relative;height:100svh}.box-1 .circle{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:100%;z-index:2;background:#fff;background:linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0%, #fff 100%);backdrop-filter:blur(12px)}.box-1 .circle span{color:#10111a;font-size:24px;font-weight:300;letter-spacing:1.2px;line-height:1.3;font-family:"Cormorant Garamond",serif}@media(max-width: 767px){.box-1 .circle{display:none !important}}.box-1 ._row{display:grid;grid-template-columns:50% 50%;align-items:center;height:100%}@media(max-width: 767px){.box-1 ._row{grid-template-columns:1fr}}.box-1 ._row ._col{position:relative;padding:80px;height:100%;align-content:center;display:flex;flex-direction:column;justify-content:space-between}.box-1 ._row ._col:hover .bg-img img{transform:scale(1.06)}.box-1 ._row ._col:hover .bg-img::before{opacity:.8}.box-1 ._row ._col:hover .btn{margin-left:16px}.box-1 ._row ._col .logo{position:relative;z-index:2}.box-1 ._row ._col .logo img{width:100%;max-width:181px}.box-1 ._row ._col .bg-img{position:absolute;inset:0;overflow:hidden}.box-1 ._row ._col .bg-img::before{content:"";position:absolute;inset:0;transition:all 700ms cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.box-1 ._row ._col .bg-img img{width:100%;height:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover;transition:all 700ms cubic-bezier(0.4, 0, 0.2, 1)}.box-1 ._row ._col ._col-content{position:relative;z-index:1}@media(max-width: 767px){.box-1 ._row ._col{padding:32px}}.box-1 ._row ._col-1 .bg-img::before{background:linear-gradient(to top, oklch(16% 0.03 255deg) 0%, oklab(16% -0.00776457 -0.0289778 / 0.5) 50%, oklab(16.1422% -0.00823083 -0.0285079 / 0.1) 100%)}.box-1 ._row ._col-1 h4.sub-title{color:#ee343b}.box-1 ._row ._col-1 h2.title{color:#fcf7f8}.box-1 ._row ._col-1 h2.title span{color:#ee343b}.box-1 ._row ._col-1 .text p{color:#969fab}.box-1 ._row ._col-1 .btn{color:#ee343b;border-bottom-color:#ee343b}.box-1 ._row ._col-2 .bg-img::before{background:linear-gradient(to top, oklab(99% -0.00102606 -0.00281908 / 0.95) 0%, oklab(99% -0.00102606 -0.00281908 / 0.6) 50%, oklab(99% -0.00102606 -0.00281908 / 0.2) 100%)}.box-1 ._row ._col-2 h4.sub-title{color:#6b3078}.box-1 ._row ._col-2 h2.title{color:#10111a}.box-1 ._row ._col-2 h2.title span{color:#6b3078}.box-1 ._row ._col-2 .text p{color:#5f636f}.box-1 ._row ._col-2 .btn{color:#10111a;border-bottom-color:#6b3078}/*# sourceMappingURL=custom.css.map */

1
wp-content/themes/pkmp/css/custom.css.map Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sources":["custom.scss","_mixins.scss"],"names":[],"mappings":"AAUA,EACC,qBAAA,CACA,8BAVQ,CAaT,KACC,sBAAA,CAGD,KACC,mBAAA,CAGD,EACC,oBAAA,CAGD,EACC,YAAA,CAGD,kBAMC,YAAA,CAGD,WACC,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,iBAAA,CACA,kBAAA,CAIE,yBATH,WAUI,eClDmB,CAAA,CDqDpB,yBAbH,WAcI,eCtDmB,CAAA,CDyDpB,yBAjBH,WAkBI,eC1DmB,CAAA,CD6DpB,0BArBH,WAsBI,gBC9DmB,CAAA,CDiEpB,0BAzBH,WA0BI,gBClEmB,CAAA,CDwEvB,KACC,mBAAA,CACA,kBAAA,CACA,oBAAA,CAAA,eAAA,CACA,kBAAA,CACA,sBAAA,CAEA,aA1EQ,CA2ER,cAAA,CACA,eAAA,CACA,oBAAA,CACA,wBAAA,CAEA,kBAAA,CACA,+BAAA,CACA,iDAAA,CAEA,WACC,aArFO,CAuFR,SACC,UAAA,CACA,WAAA,CAIF,aACC,cAAA,CACA,eAAA,CACA,kBAAA,CACA,eAAA,CACA,kBAAA,CACA,wBAAA,CAGD,SACC,cAAA,CACA,eAAA,CACA,sCA3GoB,CA4GpB,aAAA,CACA,kBAAA,CAEA,cACC,sCAhHmB,CC0BnB,0BD8EF,SAYE,cAAA,CAAA,CAIF,MACC,kBAAA,CACA,QACC,cAAA,CACA,eAAA,CACA,eAAA,CAEA,mBACC,eAAA,CAIH,OACC,iBAAA,CACA,aAAA,CAEA,eACC,cAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,SAAA,CACA,eAAA,CAEA,yEAAA,CACA,0BAAA,CAEA,oBACC,aAtJK,CAuJL,cAAA,CACA,eAAA,CACA,oBAAA,CACA,eAAA,CACA,sCA/JkB,CC0BnB,yBD8GD,eA2BE,uBAAA,CAAA,CAGF,aACC,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,WAAA,CChJA,yBD4ID,aAOE,yBAAA,CAAA,CAGD,mBACC,iBAAA,CACA,YAAA,CACA,WAAA,CACA,oBAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CAIE,qCACC,qBAAA,CAED,yCACC,UAAA,CAGF,8BACC,gBAAA,CAIF,yBACC,iBAAA,CACA,SAAA,CAEA,6BACC,UAAA,CACA,eAAA,CAIF,2BACC,iBAAA,CACA,OAAA,CACA,eAAA,CAEA,mCACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,iDAAA,CACA,SAAA,CAGD,+BACC,UAAA,CACA,WAAA,CACA,yBAAA,CAAA,sBAAA,CACA,mBAAA,CAAA,gBAAA,CACA,iDAAA,CAGF,iCACC,iBAAA,CACA,SAAA,CC9MF,yBDsJA,mBA4DE,YAAA,CAAA,CAKC,qCACC,6JAAA,CASF,kCACC,aAzPE,CA2PH,8BACC,aA7PI,CA+PJ,mCACC,aA/PC,CAmQF,6BACC,aAAA,CAGF,0BACC,aAxQE,CAyQF,2BAzQE,CA8QF,qCACC,6KAAA,CAQF,kCACC,aAtRK,CAwRN,8BACC,aA1RG,CA2RH,mCACC,aA3RI,CA+RL,6BACC,aAAA,CAGF,0BACC,aArSG,CAsSH,2BArSK","file":"custom.css"}

307
wp-content/themes/pkmp/css/custom.scss Normal file
View File

@@ -0,0 +1,307 @@
@import '_mixins';
$fInter: 'Inter', sans-serif;
$fCormorantGaramond: 'Cormorant Garamond', serif;
$cWhite: #fcf7f8;
$cRed: #ee343b;
$cDark: #10111a;
$cViolet: #6b3078;
* {
box-sizing: border-box;
font-family: $fInter;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0 !important;
}
a {
text-decoration: none;
}
p {
margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
}
.container {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
@each $breakpoint, $max in $container-max-widths {
@if $breakpoint==sm {
@media (min-width: 576px) {
max-width: $max;
}
} @else if $breakpoint==md {
@media (min-width: 768px) {
max-width: $max;
}
} @else if $breakpoint==lg {
@media (min-width: 992px) {
max-width: $max;
}
} @else if $breakpoint==xl {
@media (min-width: 1200px) {
max-width: $max;
}
} @else if $breakpoint==xxl {
@media (min-width: 1400px) {
max-width: $max;
}
}
}
}
.btn {
display: inline-flex;
flex-direction: row;
column-gap: 12px;
align-items: center;
justify-content: center;
color: $cWhite;
font-size: 14px;
font-weight: 600;
letter-spacing: 2.8px;
text-transform: uppercase;
padding-bottom: 8px;
border-bottom: 2px solid $cRed;
transition: all 700ms cubic-bezier(0.4, 0, 0.2, 1);
&:hover {
color: $cWhite;
}
svg {
width: 12px;
height: 12px;
}
}
h4.sub-title {
font-size: 12px;
font-weight: 500;
letter-spacing: 3px;
line-height: 1.3;
margin-bottom: 20px;
text-transform: uppercase;
}
h2.title {
font-size: 72px;
font-weight: 500;
font-family: $fCormorantGaramond;
line-height: 1;
margin-bottom: 24px;
span {
font-family: $fCormorantGaramond;
}
@include respond-below(xl) {
font-size: 52px;
}
}
.text {
margin-bottom: 40px;
p {
font-size: 18px;
line-height: 1.5;
font-weight: 400;
&:last-child {
margin-bottom: 0;
}
}
}
.box-1 {
position: relative;
height: 100svh;
.circle {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
width: 96px;
height: 96px;
border-radius: 100%;
z-index: 2;
background: #fff;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0%, #fff 100%);
backdrop-filter: blur(12px);
span {
color: $cDark;
font-size: 24px;
font-weight: 300;
letter-spacing: 1.2px;
line-height: 1.3;
font-family: $fCormorantGaramond;
}
@include respond-below(md) {
display: none !important;
}
}
._row {
display: grid;
grid-template-columns: 50% 50%;
align-items: center;
height: 100%;
@include respond-below(md) {
grid-template-columns: 1fr;
}
._col {
position: relative;
padding: 80px;
height: 100%;
align-content: center;
display: flex;
flex-direction: column;
justify-content: space-between;
&:hover {
.bg-img {
img {
transform: scale(1.06);
}
&::before {
opacity: 0.8;
}
}
.btn {
margin-left: 16px;
}
}
.logo {
position: relative;
z-index: 2;
img {
width: 100%;
max-width: 181px;
}
}
.bg-img {
position: absolute;
inset: 0;
overflow: hidden;
&::before {
content: '';
position: absolute;
inset: 0;
transition: all 700ms cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1;
}
img {
width: 100%;
height: 100%;
object-position: center;
object-fit: cover;
transition: all 700ms cubic-bezier(0.4, 0, 0.2, 1);
}
}
._col-content {
position: relative;
z-index: 1;
}
@include respond-below(md) {
padding: 32px;
}
&-1 {
.bg-img {
&::before {
background: linear-gradient(
to top,
oklch(0.16 0.03 255) 0%,
oklab(0.16 -0.00776457 -0.0289778 / 0.5) 50%,
oklab(0.161422 -0.00823083 -0.0285079 / 0.1) 100%
);
}
}
h4.sub-title {
color: $cRed;
}
h2.title {
color: $cWhite;
span {
color: $cRed;
}
}
.text {
p {
color: #969fab;
}
}
.btn {
color: $cRed;
border-bottom-color: $cRed;
}
}
&-2 {
.bg-img {
&::before {
background: linear-gradient(
to top,
oklab(0.99 -0.00102606 -0.00281908 / 0.95) 0%,
oklab(0.99 -0.00102606 -0.00281908 / 0.6) 50%,
oklab(0.99 -0.00102606 -0.00281908 / 0.2) 100%
);
}
}
h4.sub-title {
color: $cViolet;
}
h2.title {
color: $cDark;
span {
color: $cViolet;
}
}
.text {
p {
color: #5f636f;
}
}
.btn {
color: $cDark;
border-bottom-color: $cViolet;
}
}
}
}
}