adding listings component

opentech/static_src/src/sass/components/_listing.scss

+.listing {
+    $root: &;
+    padding: 30px;
+    margin-bottom: 20px;
+    background: $color--white;
+    transition: box-shadow $transition;
+
+    &:hover {
+        box-shadow: 0 2px 15px 0 $color--black-10;
+    }
+
+    &__title {
+        margin-bottom: 5px;
+        line-height: 1;
+        transition: color $transition;
+
+        #{$root}:hover & {
+            color: $color--dark-blue;
+        }
+    }
+
+    &__teaser {
+        font-weight: $weight--normal;
+        color: $color--default;
+    }
+
+    &__meta {
+        font-size: 15px;
+        color: $color--mid-grey;
+    }
+}

opentech/static_src/src/sass/main.scss

@@ -25,6 +25,7 @@
 @import 'components/input';
 @import 'components/link';
 @import 'components/list';
+@import 'components/listing';
 @import 'components/media-box';
 @import 'components/nav';
 @import 'components/responsive-object';