From e60242e8ffed55b1e13df3fd8bfab2b6db1cf1b7 Mon Sep 17 00:00:00 2001
From: "Uwe Jandt (DESY, HIFIS)" <uwe.jandt@desy.de>
Date: Sat, 25 Jul 2020 16:49:36 +0200
Subject: [PATCH] images css 1
---
.../css/services/consulting-help-images.scss | 36 +++++++++++++++++++
1 file changed, 36 insertions(+)
create mode 100644 assets/css/services/consulting-help-images.scss
diff --git a/assets/css/services/consulting-help-images.scss b/assets/css/services/consulting-help-images.scss
new file mode 100644
index 000000000..33f3683a5
--- /dev/null
+++ b/assets/css/services/consulting-help-images.scss
@@ -0,0 +1,36 @@
+---
+---
+
+@import "boilerplate/breakpoints";
+
+.image-block {
+ display: flex;
+ padding: 1rem 0;
+ align-items: center;
+
+ div {
+ flex: 3 0 0;
+ }
+
+ .help-image {
+ padding: 1rem 2rem;
+ flex: 1 0 0;
+ max-width: 14rem; // needed for Chrome on large screens
+ min-height: 5rem; // needed for Firefox on small screens
+
+ &.right {
+ @include medium-is-tablet-plus {
+ order: 1
+ }
+ }
+ }
+
+ @include medium-is-phone {
+ flex-direction: column;
+ }
+}
+
+.image-attrib {
+ font-size: 0.8rem;
+ text-align: right;
+}
--
GitLab