Add card component to patron

app/assets/stylesheets/new_design/card.scss

@@ -0,0 +1,22 @@
+@import "colors";
+@import "constants";
+
+.card {
+  padding: ($default-spacer * 3) ($default-spacer * 2);
+  border: 1px solid $border-grey;
+  margin-bottom: $default-spacer * 2;
+
+  &.featured {
+    border-top: 8px solid $blue;
+
+    .card-title {
+      color: $blue;
+    }
+  }
+
+  .card-title {
+    font-weight: bold;
+    font-size: 20px;
+    margin-bottom: $default-spacer;
+  }
+}

app/views/root/patron.html.haml

@@ -56,6 +56,18 @@
 
     %span.label .label
 
+    %h2 Cards
+
+    .card
+      .card-title
+        Titre de la carte
+      Et voici le contenu de la carte
+
+    .card.featured
+      .card-title
+        Titre de la carte mise en avant
+      Et voici le contenu de la carte
+
     %h2 Layout deux colonnes
 
   .two-columns