Update the header section to use BEM convention

1 files changed, 36 insertions, 0 deletions

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
+}