From 3a61460af1f985e2e8f77dbc4b62c554b29a28b3 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Fri, 1 Sep 2023 00:53:07 +0300
Subject: [PATCH] Footer subscription form style fix

---
 src/components/Discours/Subscribe.module.scss | 25 ++++---------------
 src/styles/_globals.scss                      |  2 +-
 2 files changed, 6 insertions(+), 21 deletions(-)

diff --git a/src/components/Discours/Subscribe.module.scss b/src/components/Discours/Subscribe.module.scss
index a6424f38..7cbba980 100644
--- a/src/components/Discours/Subscribe.module.scss
+++ b/src/components/Discours/Subscribe.module.scss
@@ -1,22 +1,8 @@
-@mixin input-placeholder-overflow($direction: 'down') {
-  @if $direction == 'down' {
-    @media (width <= 1410px) {
-      @content;
-    }
-  } @else if $direction == 'up' {
-    @media (width > 1410px) {
-      @content;
-    }
-  } @else {
-    @error "Unknown direction #{$direction}.";
-  }
-}
-
 .form {
   display: flex;
   flex-direction: column;
 
-  @include input-placeholder-overflow(down) {
+  @include media-breakpoint-down(xxl) {
     margin-bottom: 2.4rem;
   }
 }
@@ -25,13 +11,12 @@
   display: flex;
   width: 100%;
 
-  @include input-placeholder-overflow(down) {
+  @include media-breakpoint-down(xxl) {
     flex-direction: column;
   }
 
   .input {
     @include font-size(2rem);
-
     background: none;
     color: #fff;
     font-family: inherit;
@@ -45,11 +30,11 @@
     border-radius: 0;
     height: 4rem;
 
-    @include input-placeholder-overflow(up) {
+    @include media-breakpoint-up(xxl) {
       border-right: none;
     }
 
-    @include input-placeholder-overflow(down) {
+    @include media-breakpoint-down(xxl) {
       border-bottom: none;
     }
 
@@ -62,7 +47,7 @@
     border-radius: 0;
     flex-shrink: 0;
 
-    @include input-placeholder-overflow(down) {
+    @include media-breakpoint-down(xxl) {
       width: 100%;
     }
   }
diff --git a/src/styles/_globals.scss b/src/styles/_globals.scss
index 3649585e..fb18331c 100644
--- a/src/styles/_globals.scss
+++ b/src/styles/_globals.scss
@@ -10,7 +10,7 @@ $grid-breakpoints: (
   md: 768px,
   lg: 992px,
   xl: 1200px,
-  // xxl: 1500px,
+  xxl: 1400px
 ) !default;
 $default-color: #141414;
 $link-color: #2638d9;