Merge pull request #312 from City-of-Helsinki/UHF-10293_image_gallery

UHF-10293 Image gallery paragraph

src/scss/06_components/paragraphs/__index.scss

@@ -5,6 +5,7 @@
 @import 'content-cards';
 @import 'hero';
 @import 'image';
+@import 'image-gallery';
 @import 'library';
 @import 'liftup-with-image';
 @import 'list-of-links';

src/scss/06_components/paragraphs/_image-gallery.scss

@@ -0,0 +1,64 @@
+.paragraph-type--image-gallery-item {
+  .paragraphs-subform {
+    @media (min-width: 1180px) {
+      box-sizing: border-box;
+      column-gap: 40px;
+      display: grid;
+      grid-template-columns: 50% auto;
+      grid-template-rows: auto auto;
+    }
+
+    .field--name-field-gallery-image {
+      @media (min-width: 1180px) {
+        grid-column-end: 2;
+        grid-column-start: 1;
+        grid-row-end: 3;
+        grid-row-start: 1;
+        justify-self: self-start;
+        max-width: 200px;
+      }
+
+      fieldset {
+        @media (min-width: 1180px) {
+          background: transparent;
+          border: 0;
+          box-shadow: none;
+          margin: 0;
+          padding: 0 0 1.5rem;
+        }
+
+        legend {
+          @media (min-width: 1180px) {
+            display: none;
+          }
+        }
+
+        .fieldset__wrapper {
+          @media (min-width: 1180px) {
+            margin: 0;
+          }
+        }
+
+        .media-library-selection {
+          @media (min-width: 1180px) {
+            margin-top: 0;
+          }
+        }
+      }
+
+      .media-library-widget-modal .media-library-item--grid,
+      .media-library-selection .media-library-item--grid {
+        @media (min-width: 1180px) {
+          width: 100%;
+        }
+      }
+    }
+
+
+    .field--name-field-gallery-image-description {
+      .form-element--type-text {
+        width: 100%;
+      }
+    }
+  }
+}