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-18 14:53:33 +01:00
parent f9e8170a41
commit c21d9609a1
3 changed files with 8726 additions and 8679 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layout/style-css/style.css
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/style.css.map
View File

File diff suppressed because one or more lines are too long

123
layout/style-scss/style.scss
View File

@@ -1249,7 +1249,6 @@ p {
} }
.banner { .banner {
.slick-prev, .slick-prev,
.slick-next { .slick-next {
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
@@ -1304,7 +1303,6 @@ p {
div[class^='col-'] { div[class^='col-'] {
div[class^='col-'] { div[class^='col-'] {
&:nth-child(1), &:nth-child(1),
&:nth-child(2) { &:nth-child(2) {
margin-bottom: 30px; margin-bottom: 30px;
@@ -1437,7 +1435,6 @@ p {
} }
#scontainer-4 { #scontainer-4 {
h4, h4,
h2 { h2 {
font-family: $font2; font-family: $font2;
@@ -1562,7 +1559,6 @@ p {
} }
div[class^='col-'] { div[class^='col-'] {
&:first-child, &:first-child,
&:nth-child(2) { &:nth-child(2) {
@include respond-between(xs, md) { @include respond-between(xs, md) {
@@ -2338,7 +2334,8 @@ p {
height: 987px; height: 987px;
} }
img {} img {
}
.text-center-box { .text-center-box {
h1 { h1 {
@@ -2581,7 +2578,8 @@ p {
text-transform: uppercase; text-transform: uppercase;
} }
p {} p {
}
top: auto; top: auto;
left: auto; left: auto;
@@ -2806,7 +2804,6 @@ p {
} }
#scontainer-19 { #scontainer-19 {
h3, h3,
p { p {
@include respond-above(md) { @include respond-above(md) {
@@ -2965,7 +2962,8 @@ p {
#scontainer-25, #scontainer-25,
#scontainer-50, #scontainer-50,
#scontainer-54, #scontainer-54,
#scontainer-65 { #scontainer-65,
#scontainer-161 {
@extend .top-bottom-margin; @extend .top-bottom-margin;
h2 { h2 {
@@ -3078,7 +3076,8 @@ p {
#scontainer-50, #scontainer-50,
#scontainer-54, #scontainer-54,
#scontainer-65 { #scontainer-65,
#scontainer-161 {
.tab-content { .tab-content {
div[class^='col-'] { div[class^='col-'] {
&:first-child { &:first-child {
@@ -3409,7 +3408,6 @@ p {
} }
.row { .row {
&:first-child, &:first-child,
&:nth-child(2), &:nth-child(2),
&:nth-child(3) { &:nth-child(3) {
@@ -4656,7 +4654,8 @@ p {
right: -30px; right: -30px;
} }
@include respond-below(xs) {} @include respond-below(xs) {
}
} }
} }
} }
@@ -5009,7 +5008,7 @@ p {
} }
@include respond-below(xs) { @include respond-below(xs) {
width: 50% width: 50%;
} }
} }
@@ -5139,7 +5138,8 @@ p {
img { img {
width: 135%; width: 135%;
@include respond-between(md, lg) {} @include respond-between(md, lg) {
}
@include respond-between(sm, md) { @include respond-between(sm, md) {
width: 130%; width: 130%;
@@ -5579,7 +5579,8 @@ p {
@extend .title50; @extend .title50;
} }
p {} p {
}
} }
} }
} }
@@ -5636,7 +5637,6 @@ p {
&:last-child { &:last-child {
div[class^='col-'] { div[class^='col-'] {
&:nth-child(3), &:nth-child(3),
&:nth-child(4) { &:nth-child(4) {
padding-top: 20px; padding-top: 20px;
@@ -5961,7 +5961,8 @@ p {
margin-bottom: 40px; margin-bottom: 40px;
} }
.btn5 {} .btn5 {
}
} }
} }
} }
@@ -6105,7 +6106,8 @@ p {
font-size: 18px; font-size: 18px;
} }
p {} p {
}
} }
.img-100 { .img-100 {
@@ -6455,7 +6457,8 @@ p {
} }
} }
div[class^='col-'] {} div[class^='col-'] {
}
} }
.box35, .box35,
@@ -6968,7 +6971,8 @@ p {
left: calc(50% - 316px); left: calc(50% - 316px);
width: 633px; width: 633px;
@include respond-between(sm, md) {} @include respond-between(sm, md) {
}
@include respond-between(xs, sm) { @include respond-between(xs, sm) {
top: calc(50% - 233px); top: calc(50% - 233px);
@@ -7743,7 +7747,8 @@ div[class^='col-'] {
} }
} }
.article-box-container {} .article-box-container {
}
.article-box { .article-box {
@include respond-above(md) { @include respond-above(md) {
@@ -8453,7 +8458,6 @@ div[class^='col-'] {
} }
.row { .row {
&:first-child, &:first-child,
&:nth-child(2), &:nth-child(2),
&:nth-child(3) { &:nth-child(3) {
@@ -8570,7 +8574,6 @@ div[class^='col-'] {
justify-content: flex-end; justify-content: flex-end;
@include respond-below(sm) { @include respond-below(sm) {
&:first-child, &:first-child,
&:nth-child(2) { &:nth-child(2) {
margin-bottom: 30px; margin-bottom: 30px;
@@ -9101,7 +9104,8 @@ div[class^='col-'] {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
text-align: right; text-align: right;
background: url('../../images/popup/popup-cloud-computing.png') no-repeat center left; background: url('../../images/popup/popup-cloud-computing.png')
no-repeat center left;
background-size: contain; background-size: contain;
cursor: pointer; cursor: pointer;
@@ -9304,7 +9308,6 @@ div[class^='col-'] {
} }
.step-actions { .step-actions {
button, button,
input { input {
font-size: 14px !important; font-size: 14px !important;
@@ -10439,12 +10442,12 @@ div[class^='col-'] {
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
gap: 10px; gap: 10px;
transition: all .3s ease-in; transition: all 0.3s ease-in;
} }
.btn-success { .btn-success {
margin-left: 7px; margin-left: 7px;
background: #FBF27A; background: #fbf27a;
color: #000; color: #000;
@include respond-below(sm) { @include respond-below(sm) {
@@ -10452,7 +10455,7 @@ div[class^='col-'] {
} }
&:hover { &:hover {
background: rgba(251, 242, 122, .8); background: rgba(251, 242, 122, 0.8);
} }
&::after { &::after {
@@ -10476,7 +10479,7 @@ div[class^='col-'] {
} }
&:hover { &:hover {
background: rgba(0, 0, 0, .8); background: rgba(0, 0, 0, 0.8);
} }
&::after { &::after {
@@ -10495,7 +10498,7 @@ div[class^='col-'] {
background: url('/images/faq-background.png') no-repeat center center; background: url('/images/faq-background.png') no-repeat center center;
padding-top: 120px; padding-top: 120px;
padding-bottom: 120px; padding-bottom: 120px;
color: #FFF; color: #fff;
@include respond-below(md) { @include respond-below(md) {
background: #000; background: #000;
@@ -10504,7 +10507,7 @@ div[class^='col-'] {
} }
h2 { h2 {
color: #FFF; color: #fff;
margin-bottom: 50px; margin-bottom: 50px;
} }
@@ -10512,9 +10515,9 @@ div[class^='col-'] {
.panel { .panel {
margin-bottom: 10px; margin-bottom: 10px;
div[role="tabpanel"] { div[role='tabpanel'] {
display: none; display: none;
color: #FFF; color: #fff;
padding-top: 30px; padding-top: 30px;
padding-bottom: 30px; padding-bottom: 30px;
@@ -10524,9 +10527,9 @@ div[class^='col-'] {
} }
p { p {
color: #FFF; color: #fff;
font-size: 16px; font-size: 16px;
font-family: "URW Form"; font-family: 'URW Form';
line-height: 1.5; line-height: 1.5;
font-weight: 200; font-weight: 200;
@@ -10544,10 +10547,10 @@ div[class^='col-'] {
.panel-title { .panel-title {
a { a {
display: flex; display: flex;
color: #FFF; color: #fff;
height: 60px; height: 60px;
padding: 0 25px; padding: 0 25px;
border: 1px solid #FFF; border: 1px solid #fff;
font-family: 'URW Form', sans-serif; font-family: 'URW Form', sans-serif;
font-weight: 700; font-weight: 700;
font-size: 24px; font-size: 24px;
@@ -10570,7 +10573,8 @@ div[class^='col-'] {
&.active { &.active {
&::after { &::after {
background: url('/images/icon-arrow-up-white.png') no-repeat center; background: url('/images/icon-arrow-up-white.png') no-repeat
center;
} }
} }
@@ -10579,7 +10583,8 @@ div[class^='col-'] {
display: block; display: block;
height: 15px; height: 15px;
width: 15px; width: 15px;
background: url('/images/icon-arrow-down-white.png') no-repeat center; background: url('/images/icon-arrow-down-white.png') no-repeat
center;
} }
} }
} }
@@ -10587,3 +10592,45 @@ div[class^='col-'] {
} }
} }
} }
.illustration_product_slider {
.swiper-wrapper {
.swiper-slide {
text-align: center;
}
}
.swiper-navigation {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: center;
gap: 60px;
.swiper-button-disabled {
opacity: 0.6;
}
.swiper-slide-next {
position: relative;
cursor: pointer;
transition: opacity 250ms ease-in;
img {
width: 50px;
height: 50px;
}
}
.swiper-slide-prev {
position: relative;
cursor: pointer;
transition: opacity 250ms ease-in;
img {
width: 50px;
height: 50px;
}
}
}
}