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

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

@@ -612,7 +612,7 @@ p {
@include justify-content(center);
}
>ul {
> ul {
margin: 0;
padding: 0;
list-style-type: none;
@@ -626,7 +626,7 @@ p {
text-align: center;
}
>li {
> li {
position: relative;
&:first-child {
@@ -634,7 +634,7 @@ p {
}
&:hover {
>a {
> a {
color: $cGrayLightTextMenuHover;
@include respond-below(sm) {
@@ -644,7 +644,7 @@ p {
}
}
>a {
> a {
@include respond-above(lg) {
display: block;
padding: 20px 8px;
@@ -681,7 +681,7 @@ p {
}
&.parent {
>a {
> a {
@include respond-above(sm) {
pointer-events: none;
@@ -694,7 +694,7 @@ p {
&#link-8 {
&.parent {
>a {
> a {
@include respond-above(sm) {
i {
display: none;
@@ -880,13 +880,13 @@ p {
min-height: 59px;
transition: 0.3s all ease;
>.container {
>.row {
> .container {
> .row {
@include respond-below(sm) {
height: 60px;
}
>div[class^='col-']:nth-child(2) {
> div[class^='col-']:nth-child(2) {
display: flex;
align-items: center;
justify-content: flex-end;
@@ -921,7 +921,7 @@ p {
}
}
>img {
> img {
@include respond-above(lg) {
width: 145px;
height: 38px;
@@ -1249,7 +1249,6 @@ p {
}
.banner {
.slick-prev,
.slick-next {
background: rgba(0, 0, 0, 0.5);
@@ -1291,8 +1290,8 @@ p {
@extend .bottom-margin;
.container {
>.row {
>div[class^='col-'] {
> .row {
> div[class^='col-'] {
&:first-child {
@include respond-below(sm) {
margin-bottom: 30px;
@@ -1304,7 +1303,6 @@ p {
div[class^='col-'] {
div[class^='col-'] {
&:nth-child(1),
&:nth-child(2) {
margin-bottom: 30px;
@@ -1437,7 +1435,6 @@ p {
}
#scontainer-4 {
h4,
h2 {
font-family: $font2;
@@ -1463,7 +1460,7 @@ p {
.row {
&:nth-child(2) {
div[class^='col-'] {
>div {
> div {
background: $cGrayBg;
padding: 100px 50px 90px;
@@ -1502,7 +1499,7 @@ p {
}
&:last-child {
>div {
> div {
margin-bottom: 0;
}
}
@@ -1562,7 +1559,6 @@ p {
}
div[class^='col-'] {
&:first-child,
&:nth-child(2) {
@include respond-between(xs, md) {
@@ -1852,8 +1848,8 @@ p {
div[class^='col-']:first-child {
#menu-container-1 {
>ul {
>li {
> ul {
> li {
display: none;
&:nth-child(2) {
@@ -1870,8 +1866,8 @@ p {
div[class^='col-']:nth-child(2) {
#menu-container-1 {
>ul {
>li {
> ul {
> li {
display: none;
&:nth-child(5),
@@ -1892,13 +1888,13 @@ p {
}
#menu-container-1 {
>ul {
> ul {
margin-bottom: 0;
padding-inline-start: 0;
list-style-type: none;
>li {
>a {
> li {
> a {
.fa {
display: none;
}
@@ -1912,12 +1908,12 @@ p {
pointer-events: none;
}
>ul {
> ul {
padding-inline-start: 0;
list-style-type: none;
>li {
>a {
> li {
> a {
font-size: 12px;
color: #7a7a7a;
font-weight: 400;
@@ -2338,7 +2334,8 @@ p {
height: 987px;
}
img {}
img {
}
.text-center-box {
h1 {
@@ -2581,7 +2578,8 @@ p {
text-transform: uppercase;
}
p {}
p {
}
top: auto;
left: auto;
@@ -2806,7 +2804,6 @@ p {
}
#scontainer-19 {
h3,
p {
@include respond-above(md) {
@@ -2965,7 +2962,8 @@ p {
#scontainer-25,
#scontainer-50,
#scontainer-54,
#scontainer-65 {
#scontainer-65,
#scontainer-161 {
@extend .top-bottom-margin;
h2 {
@@ -3040,7 +3038,7 @@ p {
&:last-child {
text-align: center;
>img {
> img {
margin-bottom: 30px;
width: 179px;
}
@@ -3078,7 +3076,8 @@ p {
#scontainer-50,
#scontainer-54,
#scontainer-65 {
#scontainer-65,
#scontainer-161 {
.tab-content {
div[class^='col-'] {
&:first-child {
@@ -3128,7 +3127,7 @@ p {
}
&:last-child {
>img {
> img {
width: 240px;
}
}
@@ -3409,7 +3408,6 @@ p {
}
.row {
&:first-child,
&:nth-child(2),
&:nth-child(3) {
@@ -3682,8 +3680,8 @@ p {
@extend .left-right-margin;
.container {
>.row {
>div[class^='col-'] {
> .row {
> div[class^='col-'] {
&:first-child {
padding-right: 80px;
@@ -3775,7 +3773,7 @@ p {
@extend .top-bottom-margin;
div[class^='col-'] {
>img {
> img {
width: 100%;
height: 100%;
object-fit: cover;
@@ -3862,7 +3860,7 @@ p {
div[class^='col-'] {
&:first-child {
>div {
> div {
margin-top: -70px;
}
}
@@ -3873,7 +3871,7 @@ p {
}
}
>div {
> div {
background: #fff;
margin-top: -70px;
@@ -3935,7 +3933,7 @@ p {
#scontainer-63 {
div[class^='col-'] {
>div {
> div {
div {
p {
min-height: 209px;
@@ -3999,7 +3997,7 @@ p {
min-height: 105px;
}
>div {
> div {
position: relative;
border: 2px solid #fff;
transition: all 0.3s ease;
@@ -4173,14 +4171,14 @@ p {
}
div[class^='col-'] {
>img {
> img {
max-height: 111px;
}
}
}
.salony {
>.row {
> .row {
div[class^='col-'] {
&:last-child {
display: flex;
@@ -4656,7 +4654,8 @@ p {
right: -30px;
}
@include respond-below(xs) {}
@include respond-below(xs) {
}
}
}
}
@@ -5009,7 +5008,7 @@ p {
}
@include respond-below(xs) {
width: 50%
width: 50%;
}
}
@@ -5139,7 +5138,8 @@ p {
img {
width: 135%;
@include respond-between(md, lg) {}
@include respond-between(md, lg) {
}
@include respond-between(sm, md) {
width: 130%;
@@ -5349,9 +5349,9 @@ p {
#scontainer-51 {
#scontainer-51-content {
>.row {
>div[class^='col-'] {
>img {
> .row {
> div[class^='col-'] {
> img {
width: 100%;
object-fit: cover;
@@ -5528,12 +5528,12 @@ p {
}
#scontainer-55-content {
>p {
> p {
&:last-child {
margin-bottom: 0;
}
>img {
> img {
width: 100%;
object-fit: cover;
}
@@ -5579,7 +5579,8 @@ p {
@extend .title50;
}
p {}
p {
}
}
}
}
@@ -5607,7 +5608,7 @@ p {
}
#scontainer-57-content {
>.row {
> .row {
@include respond-above(xs) {
background-image: url('/upload/filemanager/images/produkty/okna/Okna-PVC/back.jpg');
background-repeat: no-repeat;
@@ -5619,7 +5620,7 @@ p {
}
}
>div[class^='col-'] {
> div[class^='col-'] {
&:first-child {
display: flex;
align-items: flex-start;
@@ -5636,7 +5637,6 @@ p {
&:last-child {
div[class^='col-'] {
&:nth-child(3),
&:nth-child(4) {
padding-top: 20px;
@@ -5784,7 +5784,7 @@ p {
}
#scontainer-59-content {
>.row {
> .row {
background-image: url('/upload/filemanager/images/produkty/okna/Okna-PVC/back3.png');
background-repeat: no-repeat;
background-size: auto;
@@ -5794,7 +5794,7 @@ p {
flex-direction: column-reverse;
}
>div[class^='col-'] {
> div[class^='col-'] {
&:first-child {
display: flex;
align-items: center;
@@ -5928,7 +5928,7 @@ p {
div[class^='col-'] {
&:not(:last-child) {
>div {
> div {
@include respond-below(md) {
margin-bottom: 30px;
}
@@ -5936,7 +5936,7 @@ p {
}
&:last-child {
>div {
> div {
.btn5 {
img {
@include respond-below(xs) {
@@ -5947,7 +5947,7 @@ p {
}
}
>div {
> div {
background-color: rgba(255, 255, 255, 0.87);
padding: 50px 20px;
text-align: center;
@@ -5957,11 +5957,12 @@ p {
flex-direction: column;
justify-content: center;
>img {
> img {
margin-bottom: 40px;
}
.btn5 {}
.btn5 {
}
}
}
}
@@ -6105,7 +6106,8 @@ p {
font-size: 18px;
}
p {}
p {
}
}
.img-100 {
@@ -6314,8 +6316,8 @@ p {
.box30 {
position: relative;
>div[class^='col-'] {
>img {
> div[class^='col-'] {
> img {
width: 100%;
object-fit: cover;
height: 500px;
@@ -6364,8 +6366,8 @@ p {
.box32 {
position: relative;
>div[class^='col-'] {
>img {
> div[class^='col-'] {
> img {
width: 100%;
object-fit: cover;
height: 500px;
@@ -6408,14 +6410,14 @@ p {
}
.box34 {
>.row {
> .row {
img {
max-width: 100%;
margin-bottom: 30px;
}
&:first-child {
>div[class^='col-'] {
> div[class^='col-'] {
&:first-child {
@include respond-below(md) {
text-align: center;
@@ -6455,7 +6457,8 @@ p {
}
}
div[class^='col-'] {}
div[class^='col-'] {
}
}
.box35,
@@ -6968,7 +6971,8 @@ p {
left: calc(50% - 316px);
width: 633px;
@include respond-between(sm, md) {}
@include respond-between(sm, md) {
}
@include respond-between(xs, sm) {
top: calc(50% - 233px);
@@ -7405,7 +7409,7 @@ p {
}
}
>p {
> p {
max-width: 450px;
}
}
@@ -7532,10 +7536,10 @@ p {
}
ol {
>li {
> li {
margin-bottom: 20px;
>ul {
> ul {
list-style-type: disc;
li {
@@ -7743,7 +7747,8 @@ div[class^='col-'] {
}
}
.article-box-container {}
.article-box-container {
}
.article-box {
@include respond-above(md) {
@@ -7854,7 +7859,7 @@ div[class^='col-'] {
.article-32 {
.text {
>.row {
> .row {
&:first-child {
text-align: center;
@extend .bottom-margin;
@@ -8146,8 +8151,8 @@ div[class^='col-'] {
#scontainer-67 {
@extend .top-bottom-padding;
>#scontainer-67-content {
>.row {
> #scontainer-67-content {
> .row {
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 0 10px 0 #232323;
padding: 40px 20px;
@@ -8413,7 +8418,7 @@ div[class^='col-'] {
.article-187 {
.container {
>.row:first-child {
> .row:first-child {
@extend .top-margin;
h3 {
@@ -8453,7 +8458,6 @@ div[class^='col-'] {
}
.row {
&:first-child,
&:nth-child(2),
&:nth-child(3) {
@@ -8492,7 +8496,7 @@ div[class^='col-'] {
}
div[class^='col-'] {
>div {
> div {
display: flex;
justify-content: flex-start;
align-items: flex-start;
@@ -8570,7 +8574,6 @@ div[class^='col-'] {
justify-content: flex-end;
@include respond-below(sm) {
&:first-child,
&:nth-child(2) {
margin-bottom: 30px;
@@ -9101,7 +9104,8 @@ div[class^='col-'] {
text-overflow: ellipsis;
overflow: hidden;
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;
cursor: pointer;
@@ -9304,7 +9308,6 @@ div[class^='col-'] {
}
.step-actions {
button,
input {
font-size: 14px !important;
@@ -10439,12 +10442,12 @@ div[class^='col-'] {
font-size: 14px;
font-weight: 700;
gap: 10px;
transition: all .3s ease-in;
transition: all 0.3s ease-in;
}
.btn-success {
margin-left: 7px;
background: #FBF27A;
background: #fbf27a;
color: #000;
@include respond-below(sm) {
@@ -10452,7 +10455,7 @@ div[class^='col-'] {
}
&:hover {
background: rgba(251, 242, 122, .8);
background: rgba(251, 242, 122, 0.8);
}
&::after {
@@ -10476,7 +10479,7 @@ div[class^='col-'] {
}
&:hover {
background: rgba(0, 0, 0, .8);
background: rgba(0, 0, 0, 0.8);
}
&::after {
@@ -10495,7 +10498,7 @@ div[class^='col-'] {
background: url('/images/faq-background.png') no-repeat center center;
padding-top: 120px;
padding-bottom: 120px;
color: #FFF;
color: #fff;
@include respond-below(md) {
background: #000;
@@ -10504,7 +10507,7 @@ div[class^='col-'] {
}
h2 {
color: #FFF;
color: #fff;
margin-bottom: 50px;
}
@@ -10512,9 +10515,9 @@ div[class^='col-'] {
.panel {
margin-bottom: 10px;
div[role="tabpanel"] {
div[role='tabpanel'] {
display: none;
color: #FFF;
color: #fff;
padding-top: 30px;
padding-bottom: 30px;
@@ -10524,9 +10527,9 @@ div[class^='col-'] {
}
p {
color: #FFF;
color: #fff;
font-size: 16px;
font-family: "URW Form";
font-family: 'URW Form';
line-height: 1.5;
font-weight: 200;
@@ -10544,10 +10547,10 @@ div[class^='col-'] {
.panel-title {
a {
display: flex;
color: #FFF;
color: #fff;
height: 60px;
padding: 0 25px;
border: 1px solid #FFF;
border: 1px solid #fff;
font-family: 'URW Form', sans-serif;
font-weight: 700;
font-size: 24px;
@@ -10570,7 +10573,8 @@ div[class^='col-'] {
&.active {
&::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;
height: 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;
}
}
}
}