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

Mew page "Zespół"

Browse Source
This commit is contained in:
Roman Pyrih
2025-08-28 12:12:48 +02:00
parent d376a5d38f
commit 1118b1543c
6 changed files with 581 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -495,12 +495,12 @@ body.page-id-25 {
&-1 {
}
&-2 {
position: relative;
z-index: 1;
// position: absolute;
// top: 0;
// right: 0;
// position: relative;
// z-index: 1;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
}
}
@@ -1087,3 +1087,223 @@ body.page-id-38 {
}
}
}
//* Zespół
body.page-id-47 {
&.no-scroll {
overflow: hidden;
}
main {
padding-top: 80px;
.box-1 {
margin-bottom: 80px;
.row {
.col {
&-1 {
.box-head {
h2 {
color: $cBlack;
font-weight: 500;
font-size: 64px;
line-height: 1.2;
letter-spacing: -0.96px;
}
}
}
}
}
}
.box-2 {
margin-bottom: 180px;
.row {
.tiles {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 32px;
row-gap: 40px;
.tile {
.tile--btn {
width: 45px;
min-width: 45px;
height: 45px;
line-height: 0;
border-radius: 0;
margin: 0;
padding: 0;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
background: $cWhite;
img {
width: 100%;
max-width: fit-content;
}
}
.tile--wrapper {
.tile--img {
position: relative;
margin-bottom: 24px;
> img {
width: 100%;
}
.tile--btn {
bottom: 16px;
right: 16px;
}
}
.tile--data {
h3 {
color: $cGold;
font-weight: 400;
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.56px;
margin-bottom: 16px;
}
p {
color: $cBlack;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
}
.tile-sidebar {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 10;
display: none;
.tile-sidebar-bg {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.35);
}
.tile-sidebar--wrapper {
position: relative;
width: 346px;
height: 100%;
background: $cBlack;
overflow: auto;
.tile--btn {
top: 24px;
right: 16px;
img {
transform: rotate(45deg);
}
}
.tile--img {
img {
width: 100%;
}
}
.tile--data {
padding: 24px;
.tile--data-head {
padding-bottom: 24px;
border-bottom: 1px solid #6a6a6a;
h3 {
color: $cGold;
font-weight: 400;
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.45px;
margin-bottom: 8px;
}
p {
color: $cWhite;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
.tile--data-contact {
padding: 14px 0 28px 0;
margin: 0;
border-bottom: 1px solid #6a6a6a;
li {
display: flex;
flex-direction: column;
row-gap: 2px;
&:not(:last-child) {
margin-bottom: 14px;
}
label {
color: #bebebe;
font-weight: 400;
font-size: 12px;
line-height: 1.2;
letter-spacing: -0.24px;
}
a {
color: $cWhite;
font-weight: 400;
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
}
.tile--data-text {
padding-top: 14px;
p {
color: $cWhite;
font-weight: 400;
line-height: 1.3;
letter-spacing: -0.28px;
}
.text-1 {
margin-bottom: 1.5em;
p {
font-size: 14px;
}
}
.text-2 {
p {
font-size: 12px;
}
}
}
}
}
}
}
}
}
}
}
}