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-04-25 15:31:24 +02:00
parent 943cee351e
commit 88bfc927ba
3 changed files with 118 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -520,6 +520,8 @@ p {
> img {
margin-top: 40px;
width: 100%;
max-width: fit-content;
}
ul.logos {
padding: 0;
@@ -598,6 +600,11 @@ p {
width: calc(100% / 2 - (30px - (30px / 2)));
max-width: 240px;
}
@include respond-below(xs) {
width: 100%;
max-width: 300;
text-align: center;
}
img {
display: block;
@@ -673,6 +680,10 @@ p {
position: relative;
margin-bottom: 120px;
@include respond-below(xs) {
margin-bottom: 100px;
}
&::before {
content: '';
position: absolute;
@@ -707,9 +718,18 @@ p {
column-gap: 30px;
align-items: center;
@include respond-below(xs) {
flex-direction: column-reverse;
row-gap: 50px;
}
._col {
width: 50%;
@include respond-below(xs) {
width: 100%;
}
&-1 {
h3 {
color: #181c1d;
@@ -801,6 +821,10 @@ p {
._row {
&-1 {
margin-bottom: 70px;
@include respond-below(xs) {
margin-bottom: 40px;
}
}
&-2 {
width: 100%;
@@ -841,11 +865,43 @@ p {
@include respond-below(md) {
gap: 16px;
}
@include respond-below(xs) {
flex-direction: column;
}
._col {
&-1 {
}
&:nth-child(2n + 1) {
@include respond-below(xs) {
ul.img-tiles {
li.img-tile {
&:nth-child(1) {
width: 70%;
}
&:nth-child(2) {
width: 30%;
}
}
}
}
}
&:nth-child(2n) {
@include respond-below(xs) {
ul.img-tiles {
li.img-tile {
&:nth-child(1) {
width: 30%;
}
&:nth-child(2) {
width: 70%;
}
}
}
}
}
ul.img-tiles {
list-style: none;
padding: 0;
@@ -858,6 +914,9 @@ p {
@include respond-below(md) {
gap: 16px;
}
@include respond-below(xs) {
flex-direction: row;
}
li.img-tile {
position: relative;
@@ -866,6 +925,10 @@ p {
width: 100%;
height: 100%;
object-fit: cover;
@include respond-below(xs) {
height: 300px;
}
}
p {
@@ -1055,6 +1118,10 @@ p {
margin-top: -20px;
margin-bottom: 150px;
@include respond-below(mb) {
margin-bottom: 100px;
}
._row {
&-1 {
._col {
@@ -1100,6 +1167,10 @@ p {
font-weight: 600;
margin-bottom: 3px;
text-transform: uppercase;
@include respond-below(xs) {
font-size: 16px;
}
}
p {
@@ -1109,6 +1180,10 @@ p {
font-weight: 300;
text-transform: uppercase;
text-align: center;
@include respond-below(xs) {
font-size: 14px;
}
}
}
}
@@ -1175,6 +1250,11 @@ p {
font-size: 26px;
margin-right: auto;
}
@include respond-below(xs) {
font-size: 20px;
text-align: center;
line-height: 1.2;
}
}
.texts {
@@ -1232,6 +1312,11 @@ p {
@include respond-below(md) {
width: calc(100% / 2 - (20px - (20px / 2)));
}
@include respond-below(xs) {
width: 100%;
text-align: center;
}
img {
width: 100%;
max-width: fit-content;
@@ -1261,9 +1346,19 @@ p {
flex-direction: row;
gap: 25px;
@include respond-below(xs) {
flex-direction: column;
row-gap: 75px;
}
._col {
width: 50%;
@include respond-below(xs) {
width: 100%;
text-align: center;
}
&-1 {
}
&-2 {
@@ -1309,6 +1404,12 @@ p {
width: 90%;
height: 1px;
background-color: #000000;
@include respond-below(xs) {
width: 50%;
left: 50%;
transform: translateX(-50%);
}
}
@include respond-below(md) {
@@ -1352,6 +1453,10 @@ p {
.box-14 {
margin-bottom: 150px;
@include respond-below(md) {
margin-bottom: 100px;
}
._row {
&-1 {
margin-bottom: 70px;
@@ -1370,6 +1475,17 @@ p {
flex-wrap: wrap;
column-gap: 60px;
row-gap: 30px;
li {
img {
width: 100%;
max-width: fit-content;
@include respond-below(xs) {
max-width: 50px;
}
}
}
}
}
}