Extract components for feeds

app/assets/stylesheets/application.scss

@@ -30,3 +30,4 @@
 @import "admin/*";
 @import "sdg/**/*";
 @import "sdg_management/*";
+@import "widgets/**/*";

app/assets/stylesheets/layout.scss

@@ -2889,10 +2889,6 @@ table {
 
 .feeds-list {
 
-  .proposal {
-    clear: both;
-  }
-
   a {
 
     &.see-all {
@@ -2906,22 +2902,6 @@ table {
   }
 }
 
-.feed-image {
-  display: inline-block;
-  height: rem-calc(120);
-  overflow: hidden;
-  width: 100%;
-
-  @include breakpoint(medium) {
-    height: rem-calc(96);
-  }
-
-  img {
-    max-width: none;
-    width: 100%;
-  }
-}
-
 .feed-description {
 
   p {

app/assets/stylesheets/widgets/feeds/proposals.scss

@@ -0,0 +1,22 @@
+.feed-proposals {
+
+  .proposal {
+    clear: both;
+
+    .feed-image {
+      display: inline-block;
+      height: rem-calc(120);
+      overflow: hidden;
+      width: 100%;
+
+      @include breakpoint(medium) {
+        height: rem-calc(96);
+      }
+
+      img {
+        max-width: none;
+        width: 100%;
+      }
+    }
+  }
+}