From 3913b19fc08a459ec9ef8f1773ae0c335149a37b Mon Sep 17 00:00:00 2001
From: Ahmed Abdelhalim <pm@a14m.dev>
Date: Sun, 4 Jul 2021 18:09:14 +0200
Subject: Update the header section to use BEM convention

---
 app/stylesheets/web/header.styl | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 app/stylesheets/web/header.styl

(limited to 'app/stylesheets/web/header.styl')

diff --git a/app/stylesheets/web/header.styl b/app/stylesheets/web/header.styl
new file mode 100644
index 0000000..147c9e3
--- /dev/null
+++ b/app/stylesheets/web/header.styl
@@ -0,0 +1,36 @@
+.header {
+  text-align: center
+  font-style: normal
+}
+
+.header__name {
+  font-size: 3.3em
+  margin-bottom: 0.1em
+}
+
+.header__job-title {
+  font-style: italic
+}
+
+.header__contact-info {
+  font-style: normal
+}
+
+.header__contact-info__location {
+  display: block
+  font-style: italic
+  margin-bottom: 1em
+}
+
+.header__contact-info__tel,
+.header__contact-info__website {
+  display: none
+}
+
+.header__contact-info__email,
+.header__contact-info__srht,
+.header__contact-info__github,
+.header__contact-info__stackoverflow,
+.header__contact-info__linkedin {
+  display: inline
+}
-- 
cgit v1.2.3