From dc00c10366fc41ad93b5736fb9726c7784610ce7 Mon Sep 17 00:00:00 2001
From: Mathieu Magnin <mathieu.magnin@gmail.com>
Date: Thu, 6 Jul 2017 15:49:29 +0200
Subject: [PATCH] Add card component to patron

---
 app/assets/stylesheets/new_design/card.scss | 22 +++++++++++++++++++++
 app/views/root/patron.html.haml             | 12 +++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 app/assets/stylesheets/new_design/card.scss

diff --git a/app/assets/stylesheets/new_design/card.scss b/app/assets/stylesheets/new_design/card.scss
new file mode 100644
index 000000000..1b5791288
--- /dev/null
+++ b/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;
+  }
+}
diff --git a/app/views/root/patron.html.haml b/app/views/root/patron.html.haml
index f94dbb1b7..23fab1e13 100644
--- a/app/views/root/patron.html.haml
+++ b/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