styling mobile news square section and set higher padding to contact …

…footer box
goldipl · Jul 17, 2024 · eeb2ebd · eeb2ebd
1 parent 3fdfaa6
commit eeb2ebd
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 5 deletions.
diff --git a/src/sass/common/_footer.scss b/src/sass/common/_footer.scss
@@ -162,7 +162,7 @@
 
           .contact-box {
             width: 100%;
-            padding: 10px;
+            padding: 15px;
 
             h2 {
               font-size: 20px;
@@ -186,6 +186,9 @@
 
     .footer-wrapper-bottom {
       padding: 10px 0;
+      &::before {
+        display: none;
+      }
 
       span {
         font-size: 12px;

diff --git a/src/sass/home/_news_section.scss b/src/sass/home/_news_section.scss
@@ -291,11 +291,33 @@
 @media (max-width: 1279px) {
   .news-section {
     height: 100%;
+    &.square-news-section {
+      height: 240px;
+      .news-section-wrapper {
+        height: 240px;
+        .news-section-wrapper-slot {
+          &:nth-of-type(1),
+          &:nth-of-type(2),
+          &:nth-of-type(3),
+          &:nth-of-type(4) {
+            width: 100% !important;
+            height: 240px;
+            img {
+              height: 240px;
+            }
+          }
+        }
+      }
+    }
+
     &-wrapper {
       grid-template-columns: repeat(4, 1fr);
       grid-template-rows: repeat(2, 1fr);
       height: auto;
       &-slot {
+        h2 {
+          font-size: 16px;
+        }
         &:nth-of-type(1) {
           grid-area: 1 / 1 / 3 / 3;
         }
@@ -336,8 +358,8 @@
         &__text {
           &--title {
             h2 {
-              font-size: 16px;
-              line-height: 20.2px;
+              font-size: 16px !important;
+              line-height: 20.2px !important;
             }
           }
           &--desc {
@@ -371,8 +393,8 @@
         .swiper-pagination {
           bottom: 24px;
           &-bullet {
-            width: 14px;
-            height: 14px;
+            width: 11px;
+            height: 11px;
             background-color: $grey_color09;
             &-active {
               background-color: $oipip_green04;