js chat

css/global-style.css

@@ -18598,4 +18598,51 @@ main,
     margin-bottom: 0.5rem;
   }
 }
+
+@media print, screen and (min-width: 64em) {
+  .news-grid .view-content {
+    max-width: 90rem;
+    margin-right: auto;
+    margin-left: auto;
+    display: flex;
+    flex-flow: row wrap;
+    flex-wrap: wrap;
+  }
+  .news-grid .view-content > .views-row {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .news-grid .view-content .views-row:nth-child(odd) {
+    padding-right: 1rem;
+  }
+  .news-grid .view-content .views-row:nth-child(even) {
+    padding-left: 1rem;
+  }
+}
+
+.news-grid__tile {
+  height: 12.5rem;
+}
+.news-grid__tile .field__label {
+  display: none;
+}
+.news-grid__tile:hover {
+  color: #8c2004;
+  text-decoration: underline;
+}
+.news-grid__tile img {
+  height: 10rem;
+  width: auto;
+}
+.news-grid__tile a {
+  float: right;
+}
+.news-grid__tile h3, .news-grid__tile .field--name-field__help-me-section-title {
+  font-weight: bold;
+  font-size: 1.25rem;
+}
+
+.news-grid__text {
+  overflow: hidden;
+}
 /*# sourceMappingURL=global-style.css.map */

css/sass/_component_import.scss

@@ -36,4 +36,5 @@
 @import "components/page-layout";
 @import "components/blocks";
 @import "components/landingpage";
+@import "components/landingpage_events";
 

css/sass/components/_landingpage_events.scss

@@ -0,0 +1,41 @@
+.news-grid .view-content {
+  @include breakpoint(large) {
+    @include flex-grid-row(null, $grid-row-width, null, true, 1em);
+    @include flex-grid-layout(2, '.views-row');
+    .views-row:nth-child(odd) {
+      padding-right: $global-margin;
+    }
+    .views-row:nth-child(even) {
+      padding-left: $global-margin;
+    }
+  }
+}
+.news-grid__tile {
+  .field__label {
+    display: none;
+  }
+  &:hover {
+    color: $red;
+    text-decoration: underline;
+  }
+  img {
+    //max-width: rem-calc(240);
+    //max-height:rem-calc(200);
+    height: rem-calc(160);
+    width: auto;
+  }
+  height: rem-calc(200);
+  a {
+    float: right; //@include button();
+    //padding:0;
+  }
+  p a {
+  }
+  h3 {
+    font-weight: bold;
+    font-size: rem-calc(20);
+  }
+}
+.news-grid__text {
+  overflow: hidden;
+}