From 6f26cdb9c8ddd5dfcc1d8ddf20160ea9c0e9e3b9 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Mon, 11 Jul 2022 23:38:25 +0300
Subject: [PATCH] Footer mobile style

---
 app/styles/layout.css | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/app/styles/layout.css b/app/styles/layout.css
index 29b88b823..f17486b7e 100644
--- a/app/styles/layout.css
+++ b/app/styles/layout.css
@@ -270,3 +270,33 @@
   list-style: none;
   margin-block-start: var(--s-2);
 }
+
+@media screen and (max-width: 640px) {
+  .layout__footer__socials {
+    flex-direction: column;
+  }
+
+  .layout__footer__social-link {
+    max-width: initial;
+    flex-direction: row;
+  }
+
+  .layout__footer__social-header {
+    display: flex;
+    align-items: center;
+    gap: var(--s-2);
+    text-align: initial;
+  }
+
+  .layout__footer__social-header > p {
+    margin-block-start: var(--s-1);
+  }
+
+  .layout__footer__social-icon {
+    height: 1.75rem;
+  }
+
+  .layout__footer__social-link:hover > .layout__footer__social-icon {
+    transform: translateX(-0.3rem);
+  }
+}