From 1f253c7ee3e41e16aeb02954bf9417e67da788ad Mon Sep 17 00:00:00 2001
From: Karthik Siddarth <karthik.durai@stanzaliving.com>
Date: Mon, 15 Apr 2019 12:50:06 +0530
Subject: [PATCH] add styles for banner and its content

---
 src/resumes/cool-rtl.vue | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/resumes/cool-rtl.vue b/src/resumes/cool-rtl.vue
index daabdfc..71fab5e 100755
--- a/src/resumes/cool-rtl.vue
+++ b/src/resumes/cool-rtl.vue
@@ -210,4 +210,28 @@ export default Vue.component(name, getVueOptions(name));
   font-size: 0.9em;
 }
 
+.banner {
+  width: calc(100% - @base-padding * 2);
+  height: @banner-height;
+  padding: @base-padding;
+  background-color: @banner-color;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+
+  color: white;
+
+  &__fullname {
+    font-size: 32px;
+  }
+
+  &__position {
+    font-size: 16px;
+  }
+
+  &__location {
+    font-size: 12px;
+  }
+}
+
 </style>