Add barcelona skin

app/assets/stylesheets/_barcelona.scss

@@ -0,0 +1,54 @@
+//Section heading
+.section-heading.section-heading:before{
+  //double selector to increase specificity
+  background: image-url("barcelona/heading-icon.svg") no-repeat center;
+  width: .9rem;
+  height: .9rem;
+  margin-right: .3rem;
+  margin-bottom: -.11rem;
+}
+
+//Process cards - home and processes
+.card--full__image{
+  &:after{
+    content: "";
+    display: block;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: image-url("barcelona/pattern-big.svg") no-repeat left top;
+    z-index: 0;
+    background-size: 32px;
+    @include breakpoint(medium){
+      background-size: 90px;
+    }
+    @include breakpoint(mediumlarge){
+      background-size: 160px;
+    }
+    @include breakpoint(large){
+      background-size: 120px;
+    }
+  }
+}
+
+.card--process .card__image-top{
+  position: relative;
+  &:after{
+    content: "";
+    display: block;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: image-url("barcelona/pattern.svg") no-repeat left bottom;
+    z-index: 0;
+    background-size: 40px;
+  }
+}
+
+.card--process.card--mini .card__image-top:after{
+  background-size: 32px;
+}

app/assets/stylesheets/application.css

@@ -11,6 +11,5 @@
  * It is generally better to create a new file per style scope.
  *
  *= require decidim
- *= require_tree .
  *= require_self
  */

app/assets/stylesheets/decidim.scss

@@ -22,3 +22,4 @@
 // $border: 1px solid $medium-gray;
 
 @import "decidim/application";
+@import "barcelona";

app/views/layouts/decidim/_logo.html.erb

@@ -0,0 +1,3 @@
+<%= link_to root_path do %>
+  <%= image_tag "barcelona/logo.svg", width: "140" %>
+<% end %>