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

Save

Browse Source
This commit is contained in:
Roman Pyrih
2025-02-27 15:57:14 +01:00
parent 9df386da55
commit 4f460abe1e
5 changed files with 308 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

255
layout/style-scss/kontakt-v3.scss
View File

@@ -447,13 +447,18 @@ strong {
}
._content {
margin: 40px 0;
&._2_columns {
display: grid;
grid-template-columns: 250px 1fr;
gap: 50px;
._left {
margin-top: 45px;
a {
position: relative;
display: flex;
gap: 10px;
text-transform: uppercase;
@@ -470,6 +475,30 @@ strong {
}
}
&::before {
content: '';
left: -10px;
top: 50%;
bottom: 0;
width: 9px;
background: #fff246;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.11);
position: absolute;
height: calc(100% - 6px);
transform: translateY(-50%);
visibility: hidden;
}
&.active {
font-size: 18px;
font-weight: 700;
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.19);
&::before {
visibility: visible;
}
}
img {
width: 10px;
transform: rotate(-90deg);
@@ -478,6 +507,232 @@ strong {
}
}
}
._right {
.contact-btn {
color: #000;
font-size: 12px;
font-family: $fURWForm;
font-weight: 500;
line-height: 1;
padding: 13px 30px;
border: 1px solid #bbbbbb;
border-radius: 5px;
text-transform: uppercase;
margin: 0 auto;
display: block;
max-width: fit-content;
}
._city_content {
display: none;
._city_content_nav {
margin-bottom: 30px;
ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
gap: 15px;
li {
a {
color: #000;
font-size: 14px;
font-family: $fURWForm;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1;
display: inline-block;
padding: 14px 36px;
border-radius: 5px;
border: 1.5px solid #000;
&.active {
color: #fff;
background: #000;
}
}
}
}
}
._cities {
display: none;
&.active {
display: grid;
grid-template-columns: repeat(
auto-fill,
minmax(300px, 1fr)
);
gap: 20px;
}
&[type='salony_firmowe'] {
._city {
._description {
p {
strong {
position: relative;
&::before {
content: '';
position: absolute;
bottom: -5px;
left: 0;
right: 0;
height: 2px;
background: #fff246;
}
}
}
}
}
}
&[type='partnerzy_handlowi'] {
._city {
._description {
._name {
position: relative;
font-size: 16px;
font-weight: 700;
font-family: $fURWForm;
text-align: center;
width: 100%;
max-width: fit-content;
display: block;
margin: 0 auto;
&::before {
content: '';
position: absolute;
left: -15px;
top: 5px;
width: 10px;
height: 10px;
background: #fff246;
}
}
}
}
}
._city {
._description {
p {
font-size: 16px;
font-family: $fURWForm;
font-weight: 400;
text-align: center;
}
}
}
}
}
}
}
._city_content {
display: flex;
flex-direction: row;
._persons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
gap: 70px;
width: 100%;
max-width: 1100px;
margin: 0 auto;
._person__wrapp {
flex-basis: 320px;
text-align: center;
._person_title {
color: #1d1d1e;
font-size: 20px;
font-family: $fURWForm;
font-weight: 700;
margin-bottom: 20px;
span {
color: #fff246;
}
}
._person {
padding: 20px 26px;
border-radius: 10px;
box-shadow: 2px -2px 10px 0.5px rgba(0, 0, 0, 0.05);
p {
color: #1d1d1e;
font-size: 16px;
font-family: $fURWForm;
font-weight: 400;
&:last-child {
margin-bottom: 0;
}
strong {
font-weight: 700;
a {
font-weight: 700;
&:hover {
color: #fff246;
}
}
}
}
}
}
}
}
._city_content._city_content_2 {
._person {
padding: 20px 26px;
border-radius: 10px;
box-shadow: 2px -2px 10px 0.5px rgba(0, 0, 0, 0.05);
p {
color: #1d1d1e;
font-size: 16px;
font-family: $fURWForm;
font-weight: 400;
text-align: center;
&:last-child {
margin-bottom: 0;
}
strong {
font-weight: 700;
a {
font-weight: 700;
&:hover {
color: #fff246;
}
}
}
}
}
}
}
}