This commit is contained in:
= 2021-05-20 17:20:14 +05:00
parent a6f8da8a4f
commit 24e5d6e8f9
5 changed files with 91 additions and 16 deletions

View File

@ -6,7 +6,7 @@
cursor: pointer;
position: absolute;
top: 50%;
left: 5px;
left: 0;
@include transformY;
width: 30px;
height: 40px;
@ -21,7 +21,7 @@
position: absolute;
z-index: 1;
top: 50%;
right: 5px;
right: 0;
@include transformY;
width: 30px;
height: 40px;
@ -37,11 +37,27 @@
img {
@include fullImage;
}
&::before {
position: absolute;
content: "";
top: 5px;
left: 5px;
width: calc(100% - 10px);
height: calc(100% - 10px);
background: rgb(0, 0, 0);
background: linear-gradient(
0deg,
rgba(0, 0, 0, 1) 0%,
rgba(0, 0, 0, 0) 100%
);
z-index: 1;
}
&-content {
position: absolute;
left: 20px;
bottom: 20px;
width: calc(100% - 40px);
z-index: 2;
&-date {
display: flex;
align-items: center;

View File

@ -226,6 +226,7 @@
}
}
.header {
border-bottom: 4px solid #242424;
&__slogan {
display: none;
}
@ -411,6 +412,7 @@
margin: 0;
flex-direction: column;
-ms-flex-direction: column;
border: 1px solid #dcdcdc;
}
&-image {
width: 100%;
@ -426,8 +428,18 @@
border: none;
.card {
padding: 15px 0;
border-bottom: 1px solid #dcdcdc;
&:last-child {
border-bottom: none;
}
}
}
&-card {
position: unset;
width: 100%;
border: none;
border-bottom: 1px solid #dcdcdc;
}
}
}
.main {
@ -608,4 +620,14 @@
.swiper-slide {
height: 300px;
}
.newsSlider__outer {
display: none;
}
.main {
&__body {
&-card {
margin: 0 0 0 0;
}
}
}
}

View File

@ -7,10 +7,10 @@
cursor: pointer;
position: absolute;
top: 50%;
left: 5px;
left: 0;
@include transformY;
width: 30px;
height: 40px;
width: 40px;
height: 60px;
background: rgba($color: #000000, $alpha: 0.5);
display: flex;
align-items: center;
@ -22,10 +22,10 @@
position: absolute;
z-index: 1;
top: 50%;
right: 5px;
right: 0;
@include transformY;
width: 30px;
height: 40px;
width: 40px;
height: 60px;
background: rgba($color: #000000, $alpha: 0.5);
display: flex;
align-items: center;

View File

@ -936,7 +936,7 @@ li {
cursor: pointer;
position: absolute;
top: 50%;
left: 5px;
left: 0;
transform: translateY(-50%);
-moz-ransform: translateY(-50%);
-o-transform: translateY(-50%);
@ -955,7 +955,7 @@ li {
position: absolute;
z-index: 1;
top: 50%;
right: 5px;
right: 0;
transform: translateY(-50%);
-moz-ransform: translateY(-50%);
-o-transform: translateY(-50%);
@ -978,11 +978,23 @@ li {
object-fit: cover;
-o-object-fit: cover;
}
.newsSlider .newsSlider__item::before {
position: absolute;
content: "";
top: 5px;
left: 5px;
width: calc(100% - 10px);
height: calc(100% - 10px);
background: black;
background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
z-index: 1;
}
.newsSlider .newsSlider__item-content {
position: absolute;
left: 20px;
bottom: 20px;
width: calc(100% - 40px);
z-index: 2;
}
.newsSlider .newsSlider__item-content-date {
display: flex;
@ -1031,14 +1043,14 @@ li {
cursor: pointer;
position: absolute;
top: 50%;
left: 5px;
left: 0;
transform: translateY(-50%);
-moz-ransform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: 30px;
height: 40px;
width: 40px;
height: 60px;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
@ -1050,14 +1062,14 @@ li {
position: absolute;
z-index: 1;
top: 50%;
right: 5px;
right: 0;
transform: translateY(-50%);
-moz-ransform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: 30px;
height: 40px;
width: 40px;
height: 60px;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
@ -2186,6 +2198,9 @@ li {
margin: 0;
}
.header {
border-bottom: 4px solid #242424;
}
.header__slogan {
display: none;
}
@ -2363,6 +2378,7 @@ li {
.event__body-row {
margin: 0;
flex-direction: column;
border: 1px solid #dcdcdc;
}
.event__body-image {
width: 100%;
@ -2379,6 +2395,16 @@ li {
}
.event__body-column .card {
padding: 15px 0;
border-bottom: 1px solid #dcdcdc;
}
.event__body-column .card:last-child {
border-bottom: none;
}
.event__body-card {
position: unset;
width: 100%;
border: none;
border-bottom: 1px solid #dcdcdc;
}
.main__body-row {
@ -2539,4 +2565,12 @@ li {
.swiper-slide {
height: 300px;
}
.newsSlider__outer {
display: none;
}
.main__body-card {
margin: 0 0 0 0;
}
}

View File

@ -18,6 +18,8 @@ $(".swiper-wrapper").slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
autoplay: true,
speed: 500,
autoplay: false,
prevArrow: $(".p3"),
nextArrow: $(".n3"),
@ -25,6 +27,7 @@ $(".swiper-wrapper").slick({
$(".newsSlider").slick({
dots: false,
infinite: true,
autoplay: true,
speed: 300,
slidesToShow: 3,
arrows: true,