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-05-06 13:22:20 +02:00
parent 2b0b882e8f
commit f2ca8c596e
6 changed files with 102 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
layout/style-scss/o-nas.scss
View File

@@ -259,11 +259,13 @@ p {
}
._col-data {
padding-left: 40px;
padding-top: 20px;
padding-bottom: 15px;
border-left: 2px solid #181c1d;
@include respond-above(md) {
border-left: 2px solid #181c1d;
padding-left: 40px;
}
@include respond-below(md) {
text-align: center;
}
@@ -1413,6 +1415,13 @@ p {
margin-bottom: -180px;
position: relative;
@include respond-below(lg) {
margin-bottom: -90px;
}
@include respond-below(md) {
margin-bottom: -30px;
}
.blur-text {
text-align: center;
padding: 64px 115px;
@@ -1421,6 +1430,10 @@ p {
max-width: fit-content;
backdrop-filter: blur(15px);
@include respond-below(lg) {
padding: 34px 55px;
}
h3 {
color: $cTxtBlack;
font-size: 43px;
@@ -1430,6 +1443,10 @@ p {
line-height: 1;
margin-bottom: 5px;
text-transform: uppercase;
@include respond-below(lg) {
font-size: 33px;
}
}
h4 {
position: relative;
@@ -1445,6 +1462,10 @@ p {
margin-bottom: 0;
text-transform: uppercase;
@include respond-below(lg) {
font-size: 17px;
}
&::before,
&::after {
content: '';
@@ -1469,14 +1490,35 @@ p {
&-2 {
display: flex;
flex-direction: row;
column-gap: 140px;
column-gap: 110px;
align-items: flex-end;
@include respond-below(lg) {
column-gap: 60px;
}
@include respond-below(md) {
flex-direction: column;
align-items: center;
row-gap: 50px;
}
._col {
&-1 {
img {
@include respond-below(lg) {
max-width: 400px;
}
}
}
&-2 {
margin-bottom: 50px;
@include respond-above(lg) {
margin-bottom: 50px;
}
@include respond-below(md) {
text-align: center;
}
h3 {
color: $cTxtBlack;
@@ -1487,6 +1529,10 @@ p {
line-height: 1.4;
margin-bottom: 40px;
text-transform: uppercase;
@include respond-below(lg) {
font-size: 24px;
}
}
p {
color: $cTxtBlack;
@@ -1506,6 +1552,10 @@ p {
gap: 14px;
flex-wrap: wrap;
@include respond-below(md) {
justify-content: center;
}
li {
&:nth-child(1) {
a {