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

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