From bcbcbdca17910d82d917c69d20d8e63accf8bd6c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=CC=81bor=20Hojtsy?= <gabor@hojtsy.hu>
Date: Mon, 18 Mar 2019 11:41:41 +0100
Subject: [PATCH] Issue #3039256 by kjay, shaal, smaz: Improve Umami demo
blockquote layout on smaller screen sizes
---
.../demo_umami/themes/umami/css/base.css | 21 +++++++++++++++++--
1 file changed, 19 insertions(+), 2 deletions(-)
diff --git a/core/profiles/demo_umami/themes/umami/css/base.css b/core/profiles/demo_umami/themes/umami/css/base.css
index 65c8b558967d..e16205111b61 100644
--- a/core/profiles/demo_umami/themes/umami/css/base.css
+++ b/core/profiles/demo_umami/themes/umami/css/base.css
@@ -41,8 +41,25 @@ body {
blockquote {
background: #f4f2e9;
- margin-bottom: 1.28rem;
- padding: 3rem;
+ margin: 0 0 1.28rem;
+ padding: 1.5rem;
+}
+blockquote p:last-child {
+ margin-bottom: 0;
+}
+/* Small */
+@media screen and (min-width: 30rem) { /* 480px */
+ blockquote {
+ margin: 0 1.5rem 1.28rem;
+ padding: 1.5rem;
+ }
+}
+/* Medium */
+@media screen and (min-width: 40rem) { /* 640px */
+ blockquote {
+ margin: 0 2.5rem 1.28rem;
+ padding: 3rem;
+ }
}
blockquote > * {
color: #000;
--
GitLab