From ea4303a93c80c7e368972430d790b79fb4dce54f Mon Sep 17 00:00:00 2001
From: = <=>
Date: Tue, 11 May 2021 15:15:05 +0500
Subject: [PATCH] tyfghujm

---
 .../css/components/2-layout/swiper.scss       | 273 +++++++++---------
 themes/modern2/assets/css/main.css            |   2 +-
 2 files changed, 138 insertions(+), 137 deletions(-)

diff --git a/themes/modern2/assets/css/components/2-layout/swiper.scss b/themes/modern2/assets/css/components/2-layout/swiper.scss
index ae1c4f652..e30e01a7c 100755
--- a/themes/modern2/assets/css/components/2-layout/swiper.scss
+++ b/themes/modern2/assets/css/components/2-layout/swiper.scss
@@ -1,151 +1,152 @@
 .swiper-container {
-  width: calc(100% + 10px);
-  height: 100%;
-  position: relative;
-  .p3 {
-    cursor: pointer;
-    position: absolute;
-    top: 50%;
-    left: 5px;
-    @include transformY;
-    width: 30px;
-    height: 40px;
-    background: rgba($color: #000000, $alpha: 0.5);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: 1;
-  }
-  .n3 {
-    cursor: pointer;
-    position: absolute;
-    z-index: 1;
-    top: 50%;
-    right: 5px;
-    @include transformY;
-    width: 30px;
-    height: 40px;
-    background: rgba($color: #000000, $alpha: 0.5);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-  .slick-list {
-    padding: 0 33.3% 0 0;
-  }
+    width: 100%;
+    height: 100%;
+    position: relative;
+
+    .p3 {
+        cursor: pointer;
+        position: absolute;
+        top: 50%;
+        left: 5px;
+        @include transformY;
+        width: 30px;
+        height: 40px;
+        background: rgba($color: #000000, $alpha: 0.5);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: 1;
+    }
+    .n3 {
+        cursor: pointer;
+        position: absolute;
+        z-index: 1;
+        top: 50%;
+        right: 5px;
+        @include transformY;
+        width: 30px;
+        height: 40px;
+        background: rgba($color: #000000, $alpha: 0.5);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    .slick-list {
+        padding: 0 33.3% 0 0;
+    }
 }
 
 .swiper-slide {
-  text-align: center;
-  font-size: 18px;
-  height: 520px;
-  /* Center slide t ext vertically */
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  -webkit-align-items: center;
-  align-items: center;
-  overflow: hidden;
-  @include transition;
-  &-image {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    transform-origin: 0% 50%;
-    position: relative;
-  }
-  &-content {
-    position: absolute;
-    left: 0;
-    bottom: 0;
-    display: none;
-    width: calc(100% - 80px);
-    background: rgb(0, 0, 0);
-    background: linear-gradient(
-      0deg,
-      rgba(0, 0, 0, 1) 0%,
-      rgba(0, 0, 0, 0.022846638655462215) 100%
-    );
-    padding: 50px 40px;
+    text-align: center;
+    font-size: 18px;
+    height: 520px;
+    /* Center slide t ext vertically */
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    overflow: hidden;
+    @include transition;
+    &-image {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        transform-origin: 0% 50%;
+        position: relative;
+    }
+    &-content {
+        position: absolute;
+        left: 0;
+        bottom: 0;
+        display: none;
+        width: calc(100% - 80px);
+        background: rgb(0, 0, 0);
+        background: linear-gradient(
+            0deg,
+            rgba(0, 0, 0, 1) 0%,
+            rgba(0, 0, 0, 0.022846638655462215) 100%
+        );
+        padding: 50px 40px;
 
-    &-date {
-      display: flex;
-      align-items: center;
-      justify-content: flex-start;
-      font-size: 14px;
-      line-height: 18px;
-      font-weight: 400;
-      color: $text-color-white;
-      margin-bottom: 10px;
-      svg {
-        margin: 0 4px;
-        width: 4px;
-        height: 4px;
-        fill: $text-color-white;
-      }
+        &-date {
+            display: flex;
+            align-items: center;
+            justify-content: flex-start;
+            font-size: 14px;
+            line-height: 18px;
+            font-weight: 400;
+            color: $text-color-white;
+            margin-bottom: 10px;
+            svg {
+                margin: 0 4px;
+                width: 4px;
+                height: 4px;
+                fill: $text-color-white;
+            }
+        }
+        &-footer {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+        &-link {
+            color: $text-color-white;
+            font-size: 20px;
+            line-height: 30px;
+            height: 60px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            font-weight: 700;
+            display: block;
+            text-align: left;
+            width: 75%;
+        }
+        &-category {
+            color: 14px;
+            line-height: 18px;
+            font-weight: 700;
+            color: $text-color-white;
+            padding: 8px 16px;
+            background: $main-color;
+        }
     }
-    &-footer {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
+    &.slick-active .swiper-slide-content {
+        display: block;
+        animation: myAnim 1s ease 0s 1 normal forwards;
+        animation-delay: 0.5;
     }
-    &-link {
-      color: $text-color-white;
-      font-size: 20px;
-      line-height: 30px;
-      height: 60px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      font-weight: 700;
-      display: block;
-      text-align: left;
-      width: 75%;
-    }
-    &-category {
-      color: 14px;
-      line-height: 18px;
-      font-weight: 700;
-      color: $text-color-white;
-      padding: 8px 16px;
-      background: $main-color;
-    }
-  }
-  &.slick-active .swiper-slide-content {
-    display: block;
-    animation: myAnim 1s ease 0s 1 normal forwards;
-    animation-delay: 0.5;
-  }
 }
 .copy {
-  position: absolute;
-  bottom: 15px;
-  left: 0;
-  right: 0;
-  text-align: center;
-  color: white;
-  letter-spacing: 0.06em;
+    position: absolute;
+    bottom: 15px;
+    left: 0;
+    right: 0;
+    text-align: center;
+    color: white;
+    letter-spacing: 0.06em;
 }
 .swiper-slide img {
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
 }
 @keyframes myAnim {
-  0% {
-    opacity: 0;
-    transform: translateY(250px);
-  }
+    0% {
+        opacity: 0;
+        transform: translateY(250px);
+    }
 
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
+    100% {
+        opacity: 1;
+        transform: translateY(0);
+    }
 }
diff --git a/themes/modern2/assets/css/main.css b/themes/modern2/assets/css/main.css
index c9ecc3dc6..f9fdf08b5 100755
--- a/themes/modern2/assets/css/main.css
+++ b/themes/modern2/assets/css/main.css
@@ -1022,7 +1022,7 @@ li {
 }
 
 .swiper-container {
-  width: calc(100% + 10px);
+  width: 100%;
   height: 100%;
   position: relative;
 }