From b77050379114b6615fa00298b39696d1b87f6bb8 Mon Sep 17 00:00:00 2001
From: dotansimha <dotansimha@gmail.com>
Date: Tue, 24 Jan 2017 21:48:54 +0200
Subject: [PATCH] Step 12.7: Added styles for messages attachment

---
 src/pages/messages/messages-attachments.scss | 46 ++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 src/pages/messages/messages-attachments.scss

diff --git a/src/pages/messages/messages-attachments.scss b/src/pages/messages/messages-attachments.scss
new file mode 100644
index 000000000..644590697
--- /dev/null
+++ b/src/pages/messages/messages-attachments.scss
@@ -0,0 +1,46 @@
+.messages-attachments-page-content {
+  $icon-background-size: 60px;
+  $icon-font-size: 20pt;
+
+  .attachments {
+    width: 100%;
+    margin: 0;
+    display: inline-flex;
+  }
+
+  .attachment {
+    text-align: center;
+    margin: 0;
+    padding: 0;
+
+    .item-inner {
+      padding: 0
+    }
+
+    .attachment-icon {
+      width: $icon-background-size;
+      height: $icon-background-size;
+      line-height: $icon-background-size;
+      font-size: $icon-font-size;
+      border-radius: 50%;
+      color: white;
+      margin-bottom: 10px
+    }
+
+    .attachment-name {
+      color: gray;
+    }
+  }
+
+  .attachment-gallery .attachment-icon {
+    background: linear-gradient(#e13838 50%, #f53d3d 50%);
+  }
+
+  .attachment-camera .attachment-icon {
+    background: linear-gradient(#3474e1 50%, #387ef5 50%);
+  }
+
+  .attachment-location .attachment-icon {
+    background: linear-gradient(#2ec95c 50%, #32db64 50%);
+  }
+}