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

RWD

Browse Source
This commit is contained in:
Roman Pyrih
2025-09-04 15:35:45 +02:00
parent 4e91810bb6
commit a48ea0de46
4 changed files with 305 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

186
wp-content/themes/brpp-prawo-podatki/css/custom.css
View File

@@ -2354,11 +2354,21 @@ body.page-id-54 main .box-1 {
body.page-id-54 main .box-1 .row .col-1 .box-head h2 {
color: #232323;
font-weight: 500;
font-size: 48px;
line-height: 1.2;
letter-spacing: -0.96px;
font-size: 64px;
line-height: 120%;
letter-spacing: -1.4px;
margin-bottom: 24px;
}
@media (max-width: 991px) {
body.page-id-54 main .box-1 .row .col-1 .box-head h2 {
font-size: 48px;
}
}
@media (max-width: 575px) {
body.page-id-54 main .box-1 .row .col-1 .box-head h2 {
font-size: 40px;
}
}
body.page-id-54 main .box-1 .row .col-1 .box-head h2 strong {
color: #d9ba5c;
font-weight: 500;
@@ -2401,9 +2411,50 @@ body.page-id-54 main .box-2 .row-2 {
padding-top: 130px;
padding-bottom: 120px;
}
@media (max-width: 991px) {
body.page-id-54 main .box-2 .row-2 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media (max-width: 767px) {
body.page-id-54 main .box-2 .row-2 .c-tabs .c-tabs--nav {
flex-direction: column;
border-left: 1px solid #6a6a6a;
border-bottom: none;
}
}
@media (max-width: 767px) {
body.page-id-54 main .box-2 .row-2 .c-tabs .c-tabs--nav li {
padding-top: 15px;
padding-left: 16px;
margin-left: -1px;
border-left: 1px solid #6a6a6a;
}
body.page-id-54 main .box-2 .row-2 .c-tabs .c-tabs--nav li.active {
border-bottom: none;
border-left-color: #d9ba5c;
}
}
body.page-id-54 main .box-2 .row-2 .t-row .t-col-1 {
width: 60%;
}
body.page-id-54 main .box-2 .row-2 .t-row .t-col-2 {
width: 40%;
}
@media (max-width: 991px) {
body.page-id-54 main .box-2 .row-2 .t-row .t-col {
width: 100%;
}
}
body.page-id-54 main .box-2 .row-2 .t-row-1 {
margin-bottom: 100px;
}
@media (max-width: 991px) {
body.page-id-54 main .box-2 .row-2 .t-row-1 {
margin-bottom: 40px;
}
}
body.page-id-54 main .box-2 .row-2 .t-row-1 .t-col-1 .t-head {
margin-bottom: 24px;
}
@@ -2414,6 +2465,11 @@ body.page-id-54 main .box-2 .row-2 .t-row-1 .t-col-1 .t-head h2 {
line-height: 1.2;
letter-spacing: -0.72px;
}
@media (max-width: 767px) {
body.page-id-54 main .box-2 .row-2 .t-row-1 .t-col-1 .t-head h2 {
font-size: 32px;
}
}
body.page-id-54 main .box-2 .row-2 .t-row-1 .t-col-1 .t-text p {
color: #ffffff;
font-weight: 400;
@@ -2421,19 +2477,32 @@ body.page-id-54 main .box-2 .row-2 .t-row-1 .t-col-1 .t-text p {
line-height: 1.5;
letter-spacing: -0.38px;
}
@media (max-width: 767px) {
body.page-id-54 main .box-2 .row-2 .t-row-1 .t-col-1 .t-text p {
font-size: 18px;
}
}
body.page-id-54 main .box-2 .row-2 .t-row-2 {
display: flex;
flex-direction: row;
}
body.page-id-54 main .box-2 .row-2 .t-row .t-col-1 {
width: 60%;
@media (max-width: 991px) {
body.page-id-54 main .box-2 .row-2 .t-row-2 {
flex-direction: column;
row-gap: 40px;
}
}
body.page-id-54 main .box-2 .row-2 .t-row .t-col-2 {
width: 40%;
@media (min-width: 992px) {
body.page-id-54 main .box-2 .row-2 .t-row .tab-description {
padding-left: 48px;
border-left: 1px solid #d9ba5c;
}
}
body.page-id-54 main .box-2 .row-2 .t-row .tab-description {
padding-left: 48px;
border-left: 1px solid #d9ba5c;
@media (max-width: 991px) {
body.page-id-54 main .box-2 .row-2 .t-row .tab-description {
padding-top: 40px;
border-top: 1px solid #d9ba5c;
}
}
body.page-id-54 main .box-2 .row-2 .t-row .tab-description .tab-description--head {
margin-bottom: 24px;
@@ -2461,8 +2530,12 @@ body.page-id-54 main .box-2 .row-2 .t-row .tab-description .tab-description--tex
body.page-id-54 main .box-2 .row-2 .t-row .c-acc {
padding: 0;
margin: 0;
max-width: 630px;
margin-right: 30px;
}
@media (min-width: 992px) {
body.page-id-54 main .box-2 .row-2 .t-row .c-acc {
margin-right: 30px;
max-width: 630px;
}
}
body.page-id-54 main .box-2 .row-2 .t-row .c-acc .c-acc--item:not(:last-child) {
border-bottom: 1px solid #6a6a6a;
@@ -2529,6 +2602,11 @@ body.page-id-54 main .box-2 .row-2 .t-row .c-acc .c-acc--item .c-acc--head span
transition: all 250ms ease-in-out;
transition-delay: 250ms;
}
@media (min-width: 576px) {
body.page-id-54 main .box-2 .row-2 .t-row .c-acc .c-acc--item .c-acc--head span {
font-size: 18px;
}
}
body.page-id-54 main .box-2 .row-2 .t-row .c-acc .c-acc--item .c-acc--body {
display: none;
}
@@ -2553,12 +2631,25 @@ body.page-id-54 main .box-3 .row {
column-gap: 110px;
padding: 140px 0;
}
@media (max-width: 991px) {
body.page-id-54 main .box-3 .row {
flex-direction: column;
padding-top: 0;
padding-bottom: 100px;
}
}
body.page-id-54 main .box-3 .row .col-1 {
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
@media (max-width: 991px) {
body.page-id-54 main .box-3 .row .col-1 {
position: relative;
height: 350px;
}
}
body.page-id-54 main .box-3 .row .col-1 img {
height: 100%;
width: 673px;
@@ -2567,11 +2658,41 @@ body.page-id-54 main .box-3 .row .col-1 img {
-o-object-position: center;
object-position: center;
}
@media (max-width: 1369px) {
body.page-id-54 main .box-3 .row .col-1 img {
width: 550px;
}
}
@media (max-width: 1199px) {
body.page-id-54 main .box-3 .row .col-1 img {
width: 400px;
}
}
@media (max-width: 991px) {
body.page-id-54 main .box-3 .row .col-1 img {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 100svw;
max-width: unset;
}
}
body.page-id-54 main .box-3 .row .col-2 {
width: 100%;
max-width: 569px;
margin-left: auto;
}
@media (max-width: 1199px) {
body.page-id-54 main .box-3 .row .col-2 {
max-width: 520px;
}
}
@media (max-width: 991px) {
body.page-id-54 main .box-3 .row .col-2 {
max-width: unset;
margin: 0;
}
}
body.page-id-54 main .box-3 .row .col-2 > p {
color: #232323;
font-weight: 400;
@@ -2579,9 +2700,19 @@ body.page-id-54 main .box-3 .row .col-2 > p {
line-height: 1.1;
letter-spacing: -0.38px;
}
@media (max-width: 1199px) {
body.page-id-54 main .box-3 .row .col-2 > p {
font-size: 18px;
}
}
body.page-id-54 main .box-3 .row .col-2 .box-text {
margin-bottom: 95px;
}
@media (max-width: 991px) {
body.page-id-54 main .box-3 .row .col-2 .box-text {
margin-bottom: 60px;
}
}
body.page-id-54 main .box-3 .row .col-2 .box-text p {
color: #232323;
font-weight: 400;
@@ -2593,6 +2724,11 @@ body.page-id-54 main .box-3 .row .col-2 .box-text p strong {
color: #d9ba5c;
font-weight: 400;
}
@media (max-width: 767px) {
body.page-id-54 main .box-3 .row .col-2 .box-text p {
font-size: 24px;
}
}
body.page-id-54 main .box-3 .row .col-2 ul {
padding: 0;
margin: 0;
@@ -2613,6 +2749,12 @@ body.page-id-54 main .box-4 {
padding-top: 130px;
padding-bottom: 160px;
}
@media (max-width: 991px) {
body.page-id-54 main .box-4 {
padding-top: 100px;
padding-bottom: 130px;
}
}
body.page-id-54 main .box-4 .row-1 {
margin-bottom: 64px;
}
@@ -2649,6 +2791,16 @@ body.page-id-54 main .box-4 .row-2 .c-acc .c-acc--item .c-acc--head span {
line-height: 1.5;
letter-spacing: -0.56px;
}
@media (max-width: 991px) {
body.page-id-54 main .box-4 .row-2 .c-acc .c-acc--item .c-acc--head span {
font-size: 20px;
}
}
@media (max-width: 575px) {
body.page-id-54 main .box-4 .row-2 .c-acc .c-acc--item .c-acc--head span {
font-size: 18px;
}
}
body.page-id-54 main .box-4 .row-2 .c-acc .c-acc--item .c-acc--head .icon {
position: absolute;
display: inline-block;
@@ -2693,6 +2845,16 @@ body.page-id-54 main .box-4 .row-2 .c-acc .c-acc--item .c-acc--body .c-acc--body
line-height: 1.5;
letter-spacing: -0.38px;
}
@media (max-width: 991px) {
body.page-id-54 main .box-4 .row-2 .c-acc .c-acc--item .c-acc--body .c-acc--body-text p {
font-size: 18px;
}
}
@media (max-width: 575px) {
body.page-id-54 main .box-4 .row-2 .c-acc .c-acc--item .c-acc--body .c-acc--body-text p {
font-size: 16px;
}
}
body.blog main.blog-page {
padding-top: 32px;

2
wp-content/themes/brpp-prawo-podatki/css/custom.css.map
View File

File diff suppressed because one or more lines are too long

145
wp-content/themes/brpp-prawo-podatki/css/custom.scss
View File

@@ -2037,11 +2037,7 @@ body.page-id-54 {
&-1 {
.box-head {
h2 {
color: $cBlack;
font-weight: 500;
font-size: 48px;
line-height: 1.2;
letter-spacing: -0.96px;
@include h2($cBlack);
margin-bottom: 24px;
strong {
@@ -2086,9 +2082,30 @@ body.page-id-54 {
padding-top: 130px;
padding-bottom: 120px;
@include respond-below(lg) {
padding-top: 100px;
padding-bottom: 100px;
}
.c-tabs {
.c-tabs--nav {
@include respond-below(md) {
flex-direction: column;
border-left: 1px solid #6a6a6a;
border-bottom: none;
}
li {
@include respond-below(md) {
padding-top: 15px;
padding-left: 16px;
margin-left: -1px;
border-left: 1px solid #6a6a6a;
&.active {
border-bottom: none;
border-left-color: $cGold;
}
}
}
}
.c-tabs--content {
@@ -2098,9 +2115,26 @@ body.page-id-54 {
}
.t-row {
.t-col {
&-1 {
width: 60%;
}
&-2 {
width: 40%;
}
@include respond-below(lg) {
width: 100%;
}
}
&-1 {
margin-bottom: 100px;
@include respond-below(lg) {
margin-bottom: 40px;
}
.t-col {
&-1 {
.t-head {
@@ -2112,6 +2146,10 @@ body.page-id-54 {
font-size: 36px;
line-height: 1.2;
letter-spacing: -0.72px;
@include respond-below(md) {
font-size: 32px;
}
}
}
.t-text {
@@ -2121,6 +2159,10 @@ body.page-id-54 {
font-size: 20px;
line-height: 1.5;
letter-spacing: -0.38px;
@include respond-below(md) {
font-size: 18px;
}
}
}
}
@@ -2130,20 +2172,22 @@ body.page-id-54 {
&-2 {
display: flex;
flex-direction: row;
}
.t-col {
&-1 {
width: 60%;
}
&-2 {
width: 40%;
@include respond-below(lg) {
flex-direction: column;
row-gap: 40px;
}
}
.tab-description {
padding-left: 48px;
border-left: 1px solid $cGold;
@include respond-above(lg) {
padding-left: 48px;
border-left: 1px solid $cGold;
}
@include respond-below(lg) {
padding-top: 40px;
border-top: 1px solid $cGold;
}
.tab-description--head {
margin-bottom: 24px;
@@ -2176,9 +2220,11 @@ body.page-id-54 {
.c-acc {
padding: 0;
margin: 0;
max-width: 630px;
margin-right: 30px;
@include respond-above(lg) {
margin-right: 30px;
max-width: 630px;
}
.c-acc--item {
&:not(:last-child) {
border-bottom: 1px solid #6a6a6a;
@@ -2253,6 +2299,10 @@ body.page-id-54 {
letter-spacing: -0.38px;
transition: all 250ms ease-in-out;
transition-delay: 250ms;
@include respond-above(sm) {
font-size: 18px;
}
}
}
@@ -2287,6 +2337,12 @@ body.page-id-54 {
column-gap: 110px;
padding: 140px 0;
@include respond-below(lg) {
flex-direction: column;
padding-top: 0;
padding-bottom: 100px;
}
.col {
&-1 {
position: absolute;
@@ -2294,11 +2350,30 @@ body.page-id-54 {
top: 0;
bottom: 0;
@include respond-below(lg) {
position: relative;
height: 350px;
}
img {
height: 100%;
width: 673px;
object-fit: cover;
object-position: center;
@include respond-below(xxl) {
width: 550px;
}
@include respond-below(xl) {
width: 400px;
}
@include respond-below(lg) {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 100svw;
max-width: unset;
}
}
}
@@ -2307,17 +2382,33 @@ body.page-id-54 {
max-width: 569px;
margin-left: auto;
@include respond-below(xl) {
max-width: 520px;
}
@include respond-below(lg) {
max-width: unset;
margin: 0;
}
> p {
color: $cBlack;
font-weight: 400;
font-size: 20px;
line-height: 1.1;
letter-spacing: -0.38px;
@include respond-below(xl) {
font-size: 18px;
}
}
.box-text {
margin-bottom: 95px;
@include respond-below(lg) {
margin-bottom: 60px;
}
p {
color: $cBlack;
font-weight: 400;
@@ -2329,6 +2420,9 @@ body.page-id-54 {
color: $cGold;
font-weight: 400;
}
@include respond-below(md) {
font-size: 24px;
}
}
}
@@ -2360,6 +2454,11 @@ body.page-id-54 {
padding-top: 130px;
padding-bottom: 160px;
@include respond-below(lg) {
padding-top: 100px;
padding-bottom: 130px;
}
.row {
&-1 {
margin-bottom: 64px;
@@ -2406,6 +2505,13 @@ body.page-id-54 {
font-size: 28px;
line-height: 1.5;
letter-spacing: -0.56px;
@include respond-below(lg) {
font-size: 20px;
}
@include respond-below(sm) {
font-size: 18px;
}
}
.icon {
@@ -2453,6 +2559,13 @@ body.page-id-54 {
font-size: 20px;
line-height: 1.5;
letter-spacing: -0.38px;
@include respond-below(lg) {
font-size: 18px;
}
@include respond-below(sm) {
font-size: 16px;
}
}
}
}

2
wp-content/themes/brpp-prawo-podatki/page-54.php
View File

@@ -129,7 +129,7 @@
<div class="box-4">
<div class="container">
<div class="row row-1">
<h2><?php echo esc_html($box4['title']); ?></h2>
<h2><?php echo esc_html($box4['mini_title']); ?></h2>
</div>
<div class="row row-2">