Project-Pro/brppfinanse.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-10-01 14:19:10 +02:00
parent f7e757d188
commit a63e42a362
6 changed files with 393 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

155
wp-content/themes/brpfinanse/css/custom.scss
View File

@@ -1905,7 +1905,7 @@ body.page-id-91 {
align-items: flex-end;
@include respond-below(md) {
height: 640px;
height: 720px;
}
.box-bg {
@@ -1961,6 +1961,12 @@ body.page-id-91 {
align-items: center;
gap: 40px;
@include respond-below(md) {
flex-direction: column;
align-items: flex-start;
row-gap: 20px;
}
p {
color: $cWhite;
font-weight: 400;
@@ -2755,22 +2761,35 @@ body.page-id-132 {
flex-direction: row;
column-gap: 100px;
@include respond-below(lg) {
flex-direction: column;
row-gap: 50px;
}
.col {
&-1 {
width: 100%;
max-width: 630px;
@include respond-above(lg) {
max-width: 630px;
}
h2 {
color: $cBlack;
font-weight: 500;
font-size: 48px;
line-height: 1.2;
letter-spacing: -0.96px;
@include respond-below(md) {
font-size: 32px;
}
}
}
&-2 {
width: 100%;
max-width: 525px;
@include respond-above(lg) {
max-width: 525px;
}
p {
color: $cBlack;
font-weight: 400;
@@ -2787,15 +2806,32 @@ body.page-id-132 {
padding-top: 140px;
background: #1b1b1b;
@include respond-below(lg) {
padding-top: 100px;
padding-bottom: 100px;
}
.row {
@include box_title_line(#6a6a6a, #1b1b1b);
padding-left: 100px;
@include respond-below(xl) {
padding-left: 60px;
}
@include respond-below(lg) {
padding-left: 0;
padding-top: 60px;
}
.col {
&-1 {
.box-title {
margin-bottom: 80px;
@include respond-below(lg) {
margin-bottom: 60px;
}
h2 {
color: $cWhite;
font-weight: 500;
@@ -2811,12 +2847,17 @@ body.page-id-132 {
flex-direction: row;
justify-content: space-between;
@include respond-below(lg) {
flex-direction: column;
}
.tile {
flex-basis: calc(100% / 4);
@include respond-above(lg) {
flex-basis: calc(100% / 4);
}
&:not(:last-child) {
.tile-data {
@include respond-above(md) {
@include respond-above(lg) {
.tile-data {
border-right: 1px solid;
border-image-source: linear-gradient(
180deg,
@@ -2826,6 +2867,23 @@ body.page-id-132 {
border-image-slice: 1;
}
}
@include respond-below(lg) {
border-bottom: 1px solid;
border-image-source: linear-gradient(
90deg,
$cGold 0%,
transparent 100%
);
border-image-slice: 1;
padding-bottom: 30px;
margin-bottom: 30px;
}
}
@include respond-below(lg) {
display: flex;
flex-direction: row;
column-gap: 40px;
}
.tile-img {
display: flex;
@@ -2847,6 +2905,18 @@ body.page-id-132 {
padding-right: 30px;
margin-right: 30px;
@include respond-below(xl) {
padding-right: 20px;
margin-right: 20px;
padding-bottom: 170px;
}
@include respond-below(lg) {
padding-right: 0;
margin-right: 0;
padding-bottom: 0;
margin-bottom: 0;
}
h3 {
color: $cWhite;
font-weight: 400;
@@ -2854,6 +2924,10 @@ body.page-id-132 {
line-height: 1.2;
letter-spacing: -0.56px;
margin-bottom: 16px;
@include respond-below(xl) {
font-size: 22px;
}
}
p {
@@ -2877,18 +2951,56 @@ body.page-id-132 {
.row {
&-1 {
@include box_title_line(#d4d4d4, $cWhite);
padding-left: 80px;
display: flex;
flex-direction: row;
column-gap: 100px;
@include respond-below(xxl) {
column-gap: 60px;
}
@include respond-below(lg) {
flex-direction: column;
margin-bottom: 60px;
}
.col {
&-1 {
@include box_title_line(#d4d4d4, $cWhite);
padding-left: 80px;
@include respond-below(lg) {
padding-left: 0;
padding-bottom: 70px;
margin-bottom: 60px;
&::before {
top: auto;
bottom: 0;
}
&::after {
top: auto;
bottom: 7px;
}
img {
margin: 0 auto;
}
}
}
&-2 {
max-width: 640px;
@include respond-below(xxl) {
max-width: 530px;
}
@include respond-below(xl) {
max-width: 360px;
}
@include respond-below(lg) {
max-width: unset;
}
.box-mini-title {
margin-bottom: 40px;
@@ -2909,6 +3021,10 @@ body.page-id-132 {
font-size: 36px;
line-height: 1.2;
letter-spacing: -0.68px;
@include respond-below(xl) {
font-size: 26px;
}
}
}
ul {
@@ -2952,7 +3068,10 @@ body.page-id-132 {
}
&-2 {
position: relative;
margin-top: -150px;
@include respond-above(lg) {
margin-top: -150px;
}
.box-info {
max-width: 1120px;
@@ -2960,6 +3079,15 @@ body.page-id-132 {
background: rgba(250, 248, 242, 1);
margin-left: auto;
@include respond-below(xxl) {
max-width: 900px;
}
@include respond-below(xl) {
max-width: 750px;
padding: 44px;
}
h3 {
color: $cBlack;
font-weight: 400;
@@ -2980,6 +3108,15 @@ body.page-id-132 {
color: $cGold;
font-weight: initial;
}
@include respond-below(xxl) {
font-size: 28px;
}
@include respond-below(xl) {
font-size: 24px;
br {
display: none;
}
}
}
}
}