[tor-commits] [lego/master] Use media breakpoints for mobile

[hiro at torproject.org]

commit 868426047498e6eed6b1df3e8deab34c62bb1cf3
Author: hiro <hiro at torproject.org>
Date:   Wed Oct 21 20:20:00 2020 +0200

    Use media breakpoints for mobile
---
 assets/scss/_donate.scss                   |  10 ++++++++++
 assets/static/css/images/header-mobile.png | Bin 0 -> 22114 bytes
 2 files changed, 10 insertions(+)

diff --git a/assets/scss/_donate.scss b/assets/scss/_donate.scss
index 1588f23..fd70624 100644
--- a/assets/scss/_donate.scss
+++ b/assets/scss/_donate.scss
@@ -7,7 +7,17 @@
   .donate-title {
     display: none;
   }
+  .donate-has-image-mobile {
+    display: block;
+    width: 100%;
+    margin: 0 auto;
+    height: auto;
+    @include media-breakpoint-up(sm) {
+      display: none;
+    }
+  }
   .donate-header-image {
+    display: none;
     @include media-breakpoint-up(sm) {
       display: block;
       width: 100%;
diff --git a/assets/static/css/images/header-mobile.png b/assets/static/css/images/header-mobile.png
new file mode 100644
index 0000000..cdc026c
Binary files /dev/null and b/assets/static/css/images/header-mobile.png differ