From a9e5b826d19cf83fbee7c4dfcc6a6e817d6e61df Mon Sep 17 00:00:00 2001
From: Jonas Leder <jonas@jonasled.de>
Date: Wed, 20 Jan 2021 22:42:58 +0100
Subject: [PATCH] add modified footer for device width < 300px
---
scss/_mobileSmall.scss | 8 ++++++++
scss/_var.scss | 3 ++-
scss/style.scss | 3 ++-
3 files changed, 12 insertions(+), 2 deletions(-)
create mode 100644 scss/_mobileSmall.scss
diff --git a/scss/_mobileSmall.scss b/scss/_mobileSmall.scss
new file mode 100644
index 0000000..f9f912b
--- /dev/null
+++ b/scss/_mobileSmall.scss
@@ -0,0 +1,8 @@
+@media only screen and (max-width: $small-mobile-max-width) {
+ #footerContent{
+ flex-direction: column;
+ div {
+ border-bottom: #3d3d3d 1px solid;
+ }
+ }
+}
\ No newline at end of file
diff --git a/scss/_var.scss b/scss/_var.scss
index 0058ee9..bdcbe3f 100644
--- a/scss/_var.scss
+++ b/scss/_var.scss
@@ -7,4 +7,5 @@ $content-footer-div-color: #03A8F4;
$darker-color: 5%;
$darker-color-2: 2%;
-$mobile-max-width: 600px;
\ No newline at end of file
+$mobile-max-width: 600px;
+$small-mobile-max-width: 300px;
\ No newline at end of file
diff --git a/scss/style.scss b/scss/style.scss
index 0d90460..590b5e2 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -12,4 +12,5 @@
@import "footer";
@import "content";
@import "mobile";
-@import "menuMobile";
\ No newline at end of file
+@import "menuMobile";
+@import "mobileSmall";
\ No newline at end of file
--
GitLab